<template>
	<view class="pages_intelligence" :style="{paddingTop: `${search.height+search.top+10+130}px`}">
		<myTabs :title="title" @goBlack="goBlack" :mybackgroundColor="bgColor"></myTabs>
		<view v-show="isTabsScllor" class="tabsScllor" id="tabsScllor"
			:style="{paddingTop: `${search.height+search.top+10}px`}">
			<view class="tabsScllorTopBox">
				<view class="tabsScllorTopBoxLeft">
					<image src="/static/img/trademarkFlIcon.png"></image>
					<span>数据目录</span>
				</view>
				<view class="tabsScllorTopBoxRight">点击可查看相应数据版块</view>
			</view>
			<view class="tabsScllorConBox tabsScllorConBoxTopxx">
				<span @click="catalogueIndex=index"
					:class="index!=catalogueIndex ? 'tabsScllorConBoxItems':'tabsScllorConBoxItems tabsScllorConBoxItems_act'"
					v-for="(item,index) in catalogueTrue">{{item.name}}</span>
			</view>
			<view class="tabsScllorBottonBoxx tabsScllorBottonBoxxTop">
				<view class="tabsScllorBottonBox">
					<span @click="updataIndexAct(index,item.id)" :class="index==catalogueIndexAct ? 'act' : ''"
						v-for="(item,index) in catalogueTruess[catalogueIndex]"
						:key="index">{{index+1}}.{{item.name}}</span>
				</view>
			</view>
			<view class="tabsScllorBotton" @click="isTabsScllor=false">
				<image src="/static/img/bottomIcon.png"></image>
				<span>点击收起</span>
			</view>
		</view>


		<image :style="{top: `${0}px`}" mode="widthFix" class="assessHeardImg" src="/static/img/analyseBg.png">
		</image>

		<view v-if="Hadoop && isLoading==2" :style="{top: `${search.height+search.top+10}px`}" class="assess_heardBox">
			<p class="assess_heardBoxP">
				{{title}}
			</p>
			<p>数据更新至：{{Hadoop.month | ff_month}}</p>

			<view class="assess_heardBoxPBox">
				<image src="/static/img/logo.png"></image>
				<span>章鱼小数据出品 copyright reserved</span>
			</view>
		</view>
		<view v-if="Hadoop && isLoading==2" class="assessBoxBig">
			<!-- 数据目录 -->
			<view class="analyse_catalog_box" id="analyse_catalog_box">
				<view class="tabsScllorTopBox">
					<view class="tabsScllorTopBoxLeft">
						<image src="/static/img/trademarkFlIcon.png"></image>
						<span>数据目录</span>
					</view>
					<view class="tabsScllorTopBoxRight">点击可查看相应数据版块</view>
				</view>
				<view class="tabsScllorConBox">
					<span @click="catalogueIndex=index"
						:class="index!=catalogueIndex ? 'tabsScllorConBoxItems':'tabsScllorConBoxItems tabsScllorConBoxItems_act'"
						v-for="(item,index) in catalogueTrue">{{item.name}}</span>
				</view>
				<view class="tabsScllorBottonBoxx">
					<view class="tabsScllorBottonBox">
						<span @click="updataIndexAct(index,item.id)" :class="index==catalogueIndexAct ? 'act' : ''"
							v-for="(item,index) in catalogueTruess[catalogueIndex]"
							:key="index">{{index+1}}.{{item.name}}</span>
					</view>
				</view>
			</view>

			<!-- 月{{myCity}}消费需求大数据分析 -->
			<view class="trademark_inspect">
				<view class="pages_intelligenceHeard">
					<view class="pages_intelligenceHeardLeft">{{myMoths}}月{{myCity}}消费需求大数据分析</view>
				</view>

				<!-- 看需求 -->
				<view v-if="catalogueIndex==0" class="mydemand">
					<!-- 已消费过人数  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard" id="peopleNum">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/pricingRen.png"></image>
							<view>已消费过人数</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>消费人数/万人</span>
									<image src="/static/img/demandRenIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.consumeNum | ff_num}}</span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.consumeTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.consumeCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.consumeCompareLast>=0 ? `red` : `green`">{{Hadoop.consumeCompareLast>=0 ? `+${Hadoop.consumeCompareLast}%` : `${Hadoop.consumeCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.consumeCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.consumeCompareNationwide>=0 ? `red` : `green`">{{Hadoop.consumeCompareNationwide>=0 ? `+${Hadoop.consumeCompareNationwide}%` : `${Hadoop.consumeCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>
						</view>
						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年消费者满意度趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<!-- :canvas2d="true" -->
								<qiun-data-charts :canvas2d="true" type="mix" :opts="renOpts" :chartData="renChartData"
									:cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>
					</view>

					<!-- 消费满意度  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard" id="satisfaction">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/pricingWx.png"></image>
							<view>消费满意度</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>消费满意度</span>
									<image src="/static/img/demandWxIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton assessBox_statusBoxItemsBotton_gao">
									<span>{{Hadoop.satisPercentDesc}}</span>
									<span>（{{Hadoop.satisPercent}}%）</span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.satisTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.satisCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.satisCompareLast>=0 ? `red` : `green`">{{Hadoop.satisCompareLast>=0 ? `+${Hadoop.satisCompareLast}%` : `${Hadoop.satisCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.satisCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.satisCompareNationwide>=0 ? `red` : `green`">{{Hadoop.satisCompareNationwide>=0 ? `+${Hadoop.satisCompareNationwide}%` : `${Hadoop.satisCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>
						</view>

						<view class="study_heardBottomTop" id="study_heardBottomTop">
							<view class="study_percentage" :style="{left: `${studyLeft}rpx`}">
								<view class="study_percentageTop">
									<image src="/static/img/smileIcons.png"></image>
									<view class="study_percentageText">
										<span>{{Hadoop.satisPercent}}</span>
										<span>%</span>
									</view>
									<!-- <image src="/static/img/analyesUpIcon.png"></image> -->
									<image
										:src="Hadoop.satisPercent>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>

								<span class="study_percentageBotton" v-if="isStudyLeft"></span>
								<span class="study_percentageBotton study_percentageBottonright"
									v-if="isStudyRight"></span>
							</view>

							<view class="study_heardBottomProgress">
								<u-line-progress ref="progress" :percentage="Hadoop.satisPercent" :showText="false"
									height="24" inactiveColor="#f0f0f0" activeColor="#ffda2d">
								</u-line-progress>
							</view>

						</view>


						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年消费满意度趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<!-- :canvas2d="true" -->
								<qiun-data-charts :canvas2d="true" type="mix" :opts="peopleOpts"
									:chartData="satisfyPeopleChartData" :errorReload="false" :ontouch="true"
									:onmouse="false" :cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>

					</view>

					<!-- 消费后复购率  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard" id="repurchase">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/shopeIcon.png"></image>
							<view>消费后复购率</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>消费后复购率</span>
									<image src="/static/img/demandShopIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton assessBox_statusBoxItemsBotton_gao">
									<span>{{Hadoop.repurchasePercentDesc}}</span>
									<span>（{{Hadoop.repurchasePercent}}%）</span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.repurchaseTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.repurchaseCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.repurchaseCompareLast>=0 ? `red` : `green`">{{Hadoop.repurchaseCompareLast>=0 ? `+${Hadoop.repurchaseCompareLast}%` : `${Hadoop.repurchaseCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.repurchaseCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.repurchaseCompareNationwide>=0 ? `red` : `green`">{{Hadoop.repurchaseCompareNationwide>=0 ? `+${Hadoop.repurchaseCompareNationwide}%` : `${Hadoop.repurchaseCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>

						</view>
						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年消费后复购率趋势图</view>
								<view class="analyse_people_boxHeardRight">

									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<qiun-data-charts :canvas2d="true" type="mix" :opts="renOpts"
									:chartData="shopeChartData" :cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>

					</view>

					<!-- 消费推荐指数  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard" id="recommend">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/pricingZan.png"></image>
							<view>消费推荐指数</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>消费推荐指数</span>
									<image src="/static/img/demandZanIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton assessBox_statusBoxItemsBotton_gao">
									<span>{{Hadoop.recommendIndexDesc}}</span>
									<span>（{{Hadoop.recommendIndex}}%）</span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.recommendTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.recommendCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.recommendCompareLast>=0 ? `red` : `green`">{{Hadoop.recommendCompareLast>=0 ? `+${Hadoop.recommendCompareLast}%` : `${Hadoop.recommendCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.recommendCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.recommendCompareNationwide>=0 ? `red` : `green`">{{Hadoop.recommendCompareNationwide>=0 ? `+${Hadoop.recommendCompareNationwide}%` : `${Hadoop.recommendCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>

						</view>

						<view class="study_heardBottomTop study_heardBottomTopTTOPOO" id="study_heardBottomTop">
							<view class="study_heardBottomTopTTOP">
								本月消费推荐指数
							</view>
							<view class="cuisinePricingBox_main">
								<view class="cuisinePricingBox_mainItems">
									<view>
										<u-line-progress :showText="false" :percentage="Hadoop.recommendIndex"
											height="10" activeColor="#FFDA2D"></u-line-progress>
									</view>
									<view class="cuisinePricingBox_mainItemsBotton">
										<span>{{location.name}}：</span>
										<span>{{Hadoop.recommendIndex}}</span>
									</view>
								</view>
								<view class="cuisinePricingBox_mainItems">
									<view>
										<u-line-progress :showText="false" :percentage="Hadoop.recommendNationIndex"
											height="10" activeColor="#FFDA2D"></u-line-progress>
									</view>
									<view class="cuisinePricingBox_mainItemsBotton">
										<span>全国均值：</span>
										<span>{{Hadoop.recommendNationIndex}}</span>
									</view>
								</view>
							</view>

						</view>


						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年消费推荐指数趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<!-- <image mode="aspectFill" src="/static/img/analyse002.png"></image> -->
								<qiun-data-charts :canvas2d="true" type="mix" :opts="indexPeopleOpts"
									:chartData="indexPeopleChartData" :cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>

					</view>


				</view>

				<!-- 看供给 -->
				<view v-else-if="catalogueIndex==1" class="myGround">
					<!-- 已开店数量  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard" id="shopNum">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/trademarkHotShopIcon.png"></image>
							<view>已开店数量</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>已开店数量</span>
									<image src="/static/img/demandgreenShopIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton assessBox_statusBoxItemsBotton_gao">
									<span>{{Hadoop.openNumDesc}}</span>
									<span>（{{Hadoop.openNum}}）</span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.openTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.openCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.openCompareLast>=0 ? `red` : `green`">{{Hadoop.openCompareLast>=0 ? `+${Hadoop.openCompareLast}%` : `${Hadoop.openCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.openCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.openCompareNationwide>=0 ? `red` : `green`">{{Hadoop.openCompareNationwide>=0 ? `+${Hadoop.openCompareNationwide}%` : `${Hadoop.openCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>

						</view>
						<view class="assessBox_statusBoxItemsTu06">
							<!-- <image mode="aspectFill" src="/static/img/analyse006.png"></image> -->
							<view class="assessBox_statusBoxItemsTu06TopBox">
								<view class="assessBox_statusBoxItemsTu06TopTextBox">
									<span>{{openYearTrendList[indexAssess].month}}</span>
									<span>开店数量：{{openYearTrendList[indexAssess].num}}家</span>
								</view>
								<span :style="{left: `${indexAssess*58+10}rpx`}"
									class="assessBox_statusBoxItemsTu06TopBottonBox"></span>
							</view>
							<view class="assessBox_statusBoxItemsTu06BottonBox">
								<view @click="updataIndexAssess(index)"
									:class="indexAssess==index ? 'assessBox_statusBoxItemsTu06BottonBoxItem assessBox_statusBoxItemsTu06BottonBoxItem-act' : 'assessBox_statusBoxItemsTu06BottonBoxItem'"
									v-for="(item,index) in openYearTrendList" :key="index">
									<!-- 垂直时在拖柄中显示进度值 须同时满足： direction="vertical" infoAlign="handle" :showinfo="true" -->
									<bing-progress @updataIndexAssess="updataIndexAssess(index)" :disabled="true"
										activeColor="#FFDA2D" subActiveColor="#FFDA2D" noActiveColor="rgba(0,0,0,0)"
										class="bp" direction="vertical" width="60px" :max="100" :min="0" :value="0"
										:step="0" :subValue="subValue(item.num)" :continuous="true" handleWidth="0">
									</bing-progress>
								</view>
							</view>
						</view>
						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年已开店数量趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<qiun-data-charts :canvas2d="true" type="mix" :opts="indexPeopleOpts"
									:chartData="openPeopleChartData" :cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>
					</view>

					<!-- 已开店经营表现  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard" id="manage">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/demandHotTiaoIcon.png"></image>
							<view>已开店经营表现</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>已开店经营表现</span>
									<image src="/static/img/demandTiaoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.manageDesc}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.manageTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.manageCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.manageCompareLast>=0 ? `red` : `green`">{{Hadoop.manageCompareLast>=0 ? `+${Hadoop.manageCompareLast}%` : `${Hadoop.manageCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.manageCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.manageCompareNationwide>=0 ? `red` : `green`">{{Hadoop.manageCompareNationwide>=0 ? `+${Hadoop.manageCompareNationwide}%` : `${Hadoop.manageCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>

						</view>
						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年已开店经营表现趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<!-- Hadoop.manageYearTrendList -->
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<!-- <image mode="aspectFill" src="/static/img/analyse002.png"></image> -->
								<qiun-data-charts :canvas2d="true" type="mix" :opts="indexPeopleOpts"
									:chartData="beenPeopleChartData" :cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>

					</view>

					<!-- 新开店率  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard " id="open">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/demandgreenOpeIcon.png"></image>
							<view>新开店率</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>新开店率</span>
									<image src="/static/img/demandgreenOpeFalseIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.newDesc}}</span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.newTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.newCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.newCompareLast>=0 ? `red` : `green`">{{Hadoop.newCompareLast>=0 ? `+${Hadoop.newCompareLast}%` : `${Hadoop.newCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.newCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.newCompareNationwide>=0 ? `red` : `green`">{{Hadoop.newCompareNationwide>=0 ? `+${Hadoop.newCompareNationwide}%` : `${Hadoop.newCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>

						</view>
						<view class="study_heardBottomTop study_heardBottomTopTTOPOO" id="study_heardBottomTop">
							<view class="study_heardBottomTopTTOP">
								本月消费推荐指数
							</view>
							<view class="cuisinePricingBox_main">
								<view class="cuisinePricingBox_mainItems">
									<view class="cuisinePricingBox_mainItemsBotton">
										<span class="cuisinePricingBox_mainItemsBottonDIan"></span>
										<span>{{location.name}}：</span>
										<span>{{Hadoop.newNum}}</span>
									</view>
									<view class="cuisinePricingBox_mainItemsTiao">
										<u-line-progress :showText="false" :percentage="Hadoop.newNum" height="10"
											activeColor="#FFDA2D"></u-line-progress>
									</view>
								</view>
								<view class="cuisinePricingBox_mainItems">
									<view class="cuisinePricingBox_mainItemsBotton">
										<span class="cuisinePricingBox_mainItemsBottonDIan"
											:style="{background : '#FF9E00'}"></span>
										<span>全国均值：</span>
										<span>{{Hadoop.newNationIndex}}</span>
									</view>
									<view class="cuisinePricingBox_mainItemsTiao">
										<u-line-progress :showText="false" :percentage="Hadoop.newNationIndex"
											height="10" activeColor="#FFDA2D"></u-line-progress>
									</view>
								</view>
							</view>

						</view>
						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年新开店数量趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<qiun-data-charts :canvas2d="true" type="mix" :opts="peopleOpts"
									:chartData="newPeopleChartData" :cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>

					</view>

					<!-- 关店率  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard " id="close">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/demandgreenCloseIcon.png"></image>
							<view>关店率</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>关店率</span>
									<image src="/static/img/demandgreenCloseFalseIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton assessBox_statusBoxItemsBotton_gao">
									<span>{{Hadoop.closePercentDesc}}</span>
									<span>({{Hadoop.closePercent}}%)</span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.closePercent}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.closeCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.closeCompareLast>=0 ? `red` : `green`">{{Hadoop.closeCompareLast>=0 ? `+${Hadoop.closeCompareLast}%` : `${Hadoop.closeCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.closeCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.closeCompareNationwide>=0 ? `red` : `green`">{{Hadoop.closeCompareNationwide>=0 ? `+${Hadoop.closeCompareNationwide}%` : `${Hadoop.closeCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>

						</view>
						<view class="study_heardBottomTop study_heardBottomTopTTOPOO" id="study_heardBottomTop">
							<view class="study_heardBottomTopTTOP">
								本月消费推荐指数
							</view>
							<view class="cuisinePricingBox_main">
								<view class="cuisinePricingBox_mainItems">
									<view
										class="cuisinePricingBox_mainItemsBotton cuisinePricingBox_mainItemsBotton-annular">

										<span class="cuisinePricingBox_mainItemsBottonDIan"
											:style="{background : index ? '#FF9E00' : ''}"></span>
										<span>{{location.name}}：</span>
										<span>{{Hadoop.closePercent}}</span>

									</view>
									<view class="cuisinePricingBox_mainItemsBotton-annularBot">
										<qiun-data-charts :canvas2d="true" type="arcbar" :opts="cuisineOpts"
											:chartData="leftCuisineChartData" :cHeight="cuisineHeight"
											:cWidth="cuisineWidth" />
									</view>
								</view>
								<view class="cuisinePricingBox_mainItems">
									<view
										class="cuisinePricingBox_mainItemsBotton cuisinePricingBox_mainItemsBotton-annular">
										<span class="cuisinePricingBox_mainItemsBottonDIan"
											:style="{background : '#FF9E00'}"></span>
										<span>全国均值：</span>
										<span>{{Hadoop.closeNationIndex}}</span>
									</view>
									<view class="cuisinePricingBox_mainItemsBotton-annularBot">
										<qiun-data-charts :canvas2d="true" type="arcbar" :opts="cuisineOpts"
											:chartData="rightCuisineChartData" :cHeight="cuisineHeight"
											:cWidth="cuisineWidth" />
									</view>
								</view>
							</view>

						</view>
						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年关店率趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<qiun-data-charts :canvas2d="true" type="mix" :opts="peopleOpts"
									:chartData="closePeopleChartData" :cHeight="renHeight" :cWidth="renWidth" />
							</view>
						</view>

					</view>

					<!-- 竞争程度  .analyse_people_boxEnd-->
					<view class="trademark_inspectHeard " id="contend">
						<view class="trademark_inspectHeardTop">
							<image src="/static/img/contendIcon.png"></image>
							<view>竞争程度</view>
						</view>
						<view class="assessBox_statusBox">
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>竞争程度</span>
									<image src="/static/img/contendSmallIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.competeDesc}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>趋势总结</span>
									<image src="/static/img/demandBodoIcon.png"></image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span>{{Hadoop.competeTrend}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较上月</span>
									<image
										:src="Hadoop.competeCompareLast>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.competeCompareLast>=0 ? `red` : `green`">{{Hadoop.competeCompareLast>=0 ? `+${Hadoop.competeCompareLast}%` : `${Hadoop.competeCompareLast}%`}}</span>
									<span></span>
								</view>
							</view>
							<view class="assessBox_statusBoxItems">
								<view class="assessBox_statusBoxItemsTop">
									<span>较全国均值</span>
									<image
										:src="Hadoop.competeCompareNationwide>=0 ? `/static/img/analyesUpIcon.png` : `/static/img/analyesDwonIcon.png`">
									</image>
								</view>
								<view class="assessBox_statusBoxItemsBotton">
									<span
										:class="Hadoop.competeCompareNationwide>=0 ? `red` : `green`">{{Hadoop.competeCompareNationwide>=0 ? `+${Hadoop.competeCompareNationwide}%` : `${Hadoop.competeCompareNationwide}%`}}</span>
									<span></span>
								</view>
							</view>

						</view>
						<view class="analyse_people_box">
							<view class="analyse_people_boxHeard">
								<view class="analyse_people_boxHeardLeft">近一年竞争程度趋势图</view>
								<view class="analyse_people_boxHeardRight">
									<view class="analyse_people_boxHeardRightItem">
										<span></span>
										<span>{{location.name}}</span>
									</view>
								</view>
							</view>
							<view class="analyse_people_boxEnd">
								<qiun-data-charts :canvas2d="true" type="column" :opts="statusOpts"
									:chartData="statusChartData" :cHeight="renHeight" :cWidth="renWidth" />
								<!-- <image mode="aspectFill" src="/static/img/analyse007.png"></image> -->
							</view>
						</view>

					</view>


				</view>

				<!-- 看落地 -->
				<view v-else-if="catalogueIndex==2" class="myProvide">
					<!-- 菜品数据 -->
					<view class="analyse_catalog_box" id="cuisine">
						<view class="tabsScllorTopBox">
							<view class="tabsScllorTopBoxLeft">
								<image src="/static/img/caiIcon.png"></image>
								<span>菜品数据</span>
							</view>
							<view class="tabsScllorTopBoxRight"></view>
						</view>
						<view class="tabsScllorConBox">
							<!-- catalogueIndexTab=index -->
							<span @click="updataType(index)"
								:class="index!=catalogueIndexTab ? 'tabsScllorConBoxItems':'tabsScllorConBoxItems tabsScllorConBoxItems_act'"
								v-for="(item,index) in catalogueTruexx">{{item.name}}</span>
						</view>

						<view class="recordsHeardTiaoBox_text" v-if="analyseData.length">
							综合建议：建议打造产品时重点关注<span
								:style="{color : '#FF8940'}">{{analyseData | ff_analyseData}}</span>{{analyseData | ff_analyseDataNum}}个菜品。
							因为<span :style="{color : '#FF8940'}">{{moth}}</span>
							月这些菜品数据表现较好，产品近期热度较高，较上月平均热度增幅
							<span :style="{color : '#FF8940'}">{{analyseData | ff_percent}}</span>
						</view>

						<!-- 数据列表 -->
						<view class="dataTaberBox">
							<view class="dataTaberBox_heard">
								<view class="dataTaberBoxItems01">菜品</view>
								<view class="dataTaberBoxItems02">菜品指数</view>
								<view class="dataTaberBoxItems03">趋势</view>
								<view class="dataTaberBoxItems04">建议定价</view>
								<view class="dataTaberBoxItems05">代表门店</view>
							</view>
							<view class="dataTaberBox">
								<view @click="goPath(item)"
									:class="index%2==0 ? 'dataTaberBox_heardItems' : 'dataTaberBox_heardItems piaobai'"
									v-for="(item,index) in analyseData" :key="index">
									<view class="dataTaberBoxItems01">
										<span :class="index%2==0 ? 'white' : ''">{{index+1}}</span>
										<span>{{item.foodName}}</span>
										<!-- <span>菜品名称</span> -->
									</view>
									<view class="dataTaberBoxItems02">{{item.marketIndex}}</view>
									<!-- <view class="dataTaberBoxItems02">菜品指数</view> -->
									<view class="dataTaberBoxItems03">
										<image :src="'/static/img/shengIcon.png'"></image>
									</view>
									<view class="dataTaberBoxItems04">
										{{item.advisePrice}}
										<!-- 100-120 -->
									</view>
									<view class="dataTaberBoxItems05">
										{{item.representative}}
										<!-- 门店门店 -->
									</view>
								</view>
							</view>

							<!-- v-if="(tatol>9&&tatol!=analyseData.length)" -->
							<view class="dataTaberBoxBotton" v-if="(tatol>9&&tatol!=analyseData.length)">
								<span @click="goAdd">查看更多</span>
							</view>
						</view>
					</view>

					<!-- 广州最优开店位置TOP5 -->
					<view class="pages_intelligenceHeard" id="location">
						<view class="pages_intelligenceHeardLeft">{{myMoths}}月{{myCity}}优选商圈大数据分析</view>
					</view>

					<view class="analyse_catalog_box">
						<view class="analyse_catalog_boxliner">
							<image class="analyse_catalog_boxlinerImg" src="/static/img/locationBg.png"></image>
							<view class="analyse_catalog_boxlinerHeard">
								<span>{{location.name}}最优开店位置</span>
								<span>TOP{{Hadoop.siteTopList.length}}</span>
							</view>
							<view class="analyse_catalog_boxlinerTitle">
								<span>排名</span>
								<span>开店位置</span>
							</view>
							<view class="analyse_catalog_boxlinerBody">
								<view
									:class="index%2==0 ? 'analyse_catalog_boxlinerBodyItems whitexx' : 'analyse_catalog_boxlinerBodyItems'"
									v-for="(item,index) in Hadoop.siteTopList" :key="index">
									<span
										:style="{color: index==0 ? '#FF8900' : index==1 ? '#FF9E00' : index==2 ? '#FFAE2D' : ''}">{{item.sort}}</span>
									<span>{{item.site}}</span>
								</view>
							</view>

						</view>
					</view>

					<!-- 最优客单价区间TOP5 -->
					<view class="pages_intelligenceHeard" id="unit">
						<view class="pages_intelligenceHeardLeft">{{myMoths}}月{{myCity}}客单价大数据分析</view>
					</view>

					<view class="analyse_catalog_box">
						<view class="analyse_catalog_boxliner">
							<image class="analyse_catalog_boxlinerImg" src="/static/img/moneyBg.png"></image>
							<view class="analyse_catalog_boxlinerHeard">
								<span>最优客单价区间</span>
								<span>TOP5</span>
							</view>
							<view class="analyse_catalog_boxlinerTitle">
								<span>排名</span>
								<span>价格区间</span>
							</view>
							<view class="analyse_catalog_boxlinerBody">
								<view
									:class="index%2==0 ? 'analyse_catalog_boxlinerBodyItems whitexx' : 'analyse_catalog_boxlinerBodyItems'"
									v-for="(item,index) in Hadoop.priceTopList" :key="index">
									<span
										:style="{color: index==0 ? '#FF8900' : index==1 ? '#FF9E00' : index==2 ? '#FFAE2D' : ''}">{{item.sort}}</span>
									<span>{{item.price}}</span>
								</view>
							</view>

						</view>
					</view>

					<!-- {{myMoths}}月{{myCity}}参考品牌 -->
					<view class="pages_intelligenceHeard" id="brand">
						<view class="pages_intelligenceHeardLeft">{{myMoths}}月{{myCity}}参考品牌</view>
					</view>

					<view class="analyse_catalog_box">
						<view class="analyse_catalog_boxliner">

							<view class="analyse_catalog_boxlinerTitle">
								<span>排名</span>
								<span>参考品牌名称</span>
							</view>
							<view class="analyse_catalog_boxlinerBody">
								<view @click="goPages(`/package/trademark/index?brandName=${item.brand}`)"
									:class="index%2==0 ? 'analyse_catalog_boxlinerBodyItems whitexx' : 'analyse_catalog_boxlinerBodyItems'"
									v-for="(item,index) in brandTopList" :key="index">
									<span>NO.{{index+1}}</span>
									<span>
										<span>{{item.brand}}</span>
										<image class="analyse_catalog_boxlinerBodyItemsImg"
											src="/static/img/leftActionIcon.png"></image>
									</span>
								</view>
							</view>

						</view>
					</view>
				</view>




			</view>
		</view>
		<view v-else :style="{paddingTop: `${search.height+search.top+10}px`}" class="kong">
			<load v-if="isLoading==1" @updataIsLoading="updataIsLoading" :myBottom="15" :isLoading="isLoading"></load>
			<empty v-else-if="isLoading==0"></empty>
		</view>

		<!-- 社区福利购物 -->
		<!-- <u-overlay :show="isXnsShow" @click="isXnsShow = false">
			<view class="mycodeBox" @click.stop="">
				<image v-if="unlockObj.poster" class="codeBoxBg" :src="unlockObj.poster"></image>
				<view class="codeBoxMainBox_botom" @click="directUnlock">立即加购</view>
			</view>
		</u-overlay> -->

		<!-- <u-modal confirmColor="#FFDA2D" @cancel="ff_marketingClose" @close="ff_marketingClose"
			@confirm="ff_marketingConfirm" :showCancelButton="true" :show="marketingShow"
			title="当前为体验版，请您加入当前城市社群，\n解锁该城市全品类数据。"></u-modal> -->

		<u-modal confirmColor="#FFDA2D" @cancel="ff_close" @close="ff_close" @confirm="ff_confirm"
			:showCancelButton="true" :show="modalShow==1" :title="myModalTitle"></u-modal>

		<noticeModal :show="isXnsShow" title="开通多个城市餐饮大数据" confirmText="我知道了" @confirm="isXnsShow=false"
			@close="isXnsShow=false">
			<slot>
				<view>适宜于在多个城市连锁经营的餐饮品牌<br>功能开发中，敬请期待</view>
			</slot>
		</noticeModal>

		<noticeModal :show="marketingShow" title="温馨提示" content="当前为体验版，点击立即解锁即享城市全品类海量数据及大咖社群，低至99元/年"
			:showCancelButton="true" @cancel="ff_marketingClose" @close="ff_marketingClose" confirmText="立即解锁"
			@confirm="ff_marketingConfirm"></noticeModal>

	</view>

</template>

<script>
	// import demand from "@/components/demand/index.vue"
	// import provide from "@/components/provide/index.vue"
	// import ground from "@/components/ground/index.vue"

	import myTabs from "@/components/myTabs/index.vue"
	import load from "@/components/load/index.vue"
	import empty from "@/components/empty/index.vue"
	import noticeModal from '../../components/noticeModal/index.vue'

	export default {
		components: {
			myTabs,
			empty,
			load,
			noticeModal,
		},
		data() {
			return {
				marketingShow: false,
				myModalTitle: '您的社区会员已经过期\n是否继续续费?',
				isLoading: 1,
				brandTopList: [],
				tastText: '加载中',
				textAdvise: '',
				analyseData: [],
				myCity: '',
				myMoths: 1,
				catalogueIndexTab: 0,
				catalogueTruexx: [{
						name: '菜品榜',
					},
					{
						name: '重点榜'
					},
					{
						name: '食材榜'
					}
				],
				title: '',
				trademarkObj: null,
				bgColor: 'transparent',
				isTabsScllor: false,
				cWidth: 295,
				cHeight: 290,
				brandWidth: 295,
				brandHeight: 150,
				sceneWidth: 200,
				sceneHeight: 200,
				catalogueIndex: 0,
				catalogueIndexAct: 0,
				percentage: 70,
				catalogueTrue: [{
						name: '看需求',
					},
					{
						name: '看供给'
					},
					{
						name: '看落地'
					}
				],
				catalogueTruess: [
					[{
							name: '吃的人多吗',
							id: 'peopleNum'
						},
						{
							name: '吃的满意吗',
							id: 'satisfaction'
						},
						{
							name: '吃了还想吃吗',
							id: 'repurchase'
						},
						{
							name: '吃了推荐吗',
							id: 'recommend'
						},
					],
					[{
							name: '开的店多吗',
							id: 'shopNum'
						},
						{
							name: '吃的满意吗',
							id: 'manage'
						},
						{
							name: '新店怎么样',
							id: 'open'
						},
						{
							name: '旧店怎么样',
							id: 'close'
						},
						{
							name: '店面竞争力',
							id: 'contend'
						},
					],
					[{
							name: '菜品数据',
							id: 'cuisine'
						},
						{
							name: '该去哪开店',
							id: 'location'
						},
						{
							name: '价格定多少',
							id: 'unit'
						},
						{
							name: '品牌有多少',
							id: 'brand'
						},
					],

				],
				cataloguePart: [{
						name: '经营权重分析',
						id: 'inspectWeight'
					},
					{
						name: '定价分析',
						id: 'inspectBrand'
					},
					{
						name: '选址分布',
						id: 'inspectDwei'
					}
				],
				catalogue: [{
						name: '经营权重分析',
						id: 'inspectWeight'
					},
					{
						name: '定价分析',
						id: 'inspectBrand'
					},
					{
						name: '选址分布',
						id: 'inspectDwei'
					},
					{
						name: '推广分析',
						id: 'inspectPromotion'
					},
					{
						name: '菜品结构',
						id: 'inspectCuisine'
					},
					{
						name: '场景策划',
						id: 'inspectScene'
					},
					{
						name: '服务策划',
						id: 'inspectServe'
					},
					{
						name: '环境风格',
						id: 'inspectAtmosphere'
					},
				],
				colorT: ["#ff9e00", "#6188fe", "#ff7600", "#ffdf13", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
					"#ea7ccc"
				],
				isBotton: false,
				top: 0,
				percentage: 70,
				shopeChartData: {},
				satisfyPeopleChartData: {},
				beenPeopleChartData: {},
				newPeopleChartData: {},
				peopleChartData: {},
				//这里的 opts 是图表类型 type="mix" 的全部配置参数，您可以将此配置复制到 config-ucharts.js 文件中下标为 ['mix'] 的节点中来覆盖全局默认参数。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				peopleOpts: {
					timing: "easeOut",
					duration: 1000,
					rotate: false,
					rotateLock: false,
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [20, 0, 0, 0],
					fontSize: 10,
					fontColor: "#999",
					dataLabel: false,
					dataPointShape: true,
					dataPointShapeType: "solid",
					touchMoveLimit: 60,
					enableScroll: false,
					enableMarkLine: false,
					legend: {
						show: false,
						position: "bottom",
						float: "center",
						padding: 5,
						margin: 5,
						backgroundColor: "rgba(0,0,0,0)",
						borderColor: "rgba(0,0,0,0)",
						borderWidth: 0,
						fontSize: 10,
						fontColor: "#999",
						lineHeight: 11,
						hiddenColor: "#CECECE",
						itemGap: 10
					},
					xAxis: {
						disableGrid: true,
						disabled: false,
						axisLine: true,
						axisLineColor: "#CCCCCC",
						calibration: false,
						fontColor: "#999",
						fontSize: 10,
						rotateLabel: false,
						rotateAngle: 45,
						itemCount: 5,
						boundaryGap: "center",
						splitNumber: 5,
						gridColor: "#CCCCCC",
						gridType: "solid",
						dashLength: 4,
						gridEval: 1,
						scrollShow: false,
						scrollAlign: "left",
						scrollColor: "#A6A6A6",
						scrollBackgroundColor: "#EFEBEF",
						format: ""
					},
					yAxis: {
						disabled: false,
						disableGrid: false,
						splitNumber: 4,
						gridType: "dash",
						dashLength: 4,
						gridColor: "#CCCCCC",
						padding: 10,
						showTitle: false,
						data: [{
								position: "left",
								title: "",
								type: "value",
								disabled: false,
								axisLine: false,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								textAlign: "right",
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								min: null,
								max: null,
								tofix: null,
								unit: "",
								format: ""
							},
							{
								position: "center",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: true,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "",
								format: ""
							},
							{
								position: "right",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: true,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "",
								format: ""
							}
						]
					},
					extra: {
						mix: {
							column: {
								width: 20,
								seriesGap: 2,
								barBorderCircle: false,
								linearType: "none",
								linearOpacity: 1,
								colorStop: 0
							},
							area: {
								opacity: 0.2,
								gradient: false
							}
						},
						tooltip: {
							showBox: true,
							showArrow: true,
							showCategory: false,
							borderWidth: 0,
							borderRadius: 0,
							borderColor: "#000000",
							borderOpacity: 0.7,
							bgColor: "#000000",
							bgOpacity: 0.7,
							gridType: "solid",
							dashLength: 4,
							gridColor: "#CCCCCC",
							fontColor: "#FFFFFF",
							splitLine: true,
							horizentalLine: false,
							xAxisLabel: false,
							yAxisLabel: false,
							labelBgColor: "#FFFFFF",
							labelBgOpacity: 0.7,
							labelfontColor: "#999"
						},
						markLine: {
							type: "solid",
							dashLength: 4,
							data: []
						}
					}
				},
				renHeight: 110,
				renWidth: 295,
				renChartData: {},
				//这里的 opts 是图表类型 type="mix" 的全部配置参数，您可以将此配置复制到 config-ucharts.js 文件中下标为 ['mix'] 的节点中来覆盖全局默认参数。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				renOpts: {
					timing: "easeOut",
					duration: 1000,
					rotate: false,
					rotateLock: false,
					color: ["#FFDA2D", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [10, 0, 0, 0],
					fontSize: 10,
					fontColor: "#999",
					dataLabel: false,
					dataPointShape: true,
					dataPointShapeType: "solid",
					touchMoveLimit: 60,
					enableScroll: false,
					enableMarkLine: false,
					legend: {
						show: false,
						position: "bottom",
						float: "center",
						padding: 5,
						margin: 5,
						backgroundColor: "rgba(0,0,0,0)",
						borderColor: "rgba(0,0,0,0)",
						borderWidth: 0,
						fontSize: 10,
						fontColor: "#999",
						lineHeight: 11,
						hiddenColor: "#CECECE",
						itemGap: 10
					},
					xAxis: {
						disableGrid: true,
						disabled: false,
						axisLine: true,
						axisLineColor: "#CCCCCC",
						calibration: false,
						fontColor: "#999",
						fontSize: 10,
						rotateLabel: false,
						rotateAngle: 45,
						itemCount: 5,
						boundaryGap: "center",
						splitNumber: 5,
						gridColor: "#CCCCCC",
						gridType: "solid",
						dashLength: 4,
						gridEval: 1,
						scrollShow: false,
						scrollAlign: "left",
						scrollColor: "#A6A6A6",
						scrollBackgroundColor: "#EFEBEF",
						format: ""
					},
					yAxis: {
						disabled: false,
						disableGrid: false,
						splitNumber: 4,
						gridType: "dash",
						dashLength: 4,
						gridColor: "#CCCCCC",
						padding: 10,
						showTitle: true,
						data: [{
								position: "left",
								title: "",
								type: "value",
								disabled: false,
								axisLine: false,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								textAlign: "right",
								titleFontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								min: null,
								max: null,
								tofix: null,
								unit: "万",
								format: ""
							},
							{
								position: "right",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: false,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titleFontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "万",
								format: ""
							},
							{
								position: "right",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: false,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titleFontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "",
								format: ""
							}
						]
					},
					extra: {
						mix: {
							column: {
								width: 20,
								seriesGap: 2,
								barBorderCircle: false,
								barBorderRadius: [
									4,
									4,
									0,
									0
								],
								linearType: "none",
								linearOpacity: 1,
								colorStop: 0
							},
							area: {
								opacity: 0.2,
								gradient: false
							}
						},
						tooltip: {
							showBox: true,
							showArrow: true,
							showCategory: false,
							borderWidth: 0,
							borderRadius: 0,
							borderColor: "#000000",
							borderOpacity: 0.7,
							bgColor: "#000000",
							bgOpacity: 0.7,
							gridType: "solid",
							dashLength: 4,
							gridColor: "#CCCCCC",
							fontColor: "#FFFFFF",
							splitLine: true,
							horizentalLine: false,
							xAxisLabel: false,
							yAxisLabel: false,
							labelBgColor: "#FFFFFF",
							labelBgOpacity: 0.7,
							labelfontColor: "#999"
						},
						markLine: {
							type: "solid",
							dashLength: 4,
							data: []
						}
					}
				},
				statusChartData: {},
				//这里的 opts 是图表类型 type="column" 的全部配置参数，您可以将此配置复制到 config-ucharts.js 文件中下标为 ['column'] 的节点中来覆盖全局默认参数。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				statusOpts: {
					timing: "easeOut",
					duration: 1000,
					rotate: false,
					rotateLock: false,
					color: ["#FFDA2D", "#DDDDDD", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [15, 0, 0, 0],
					fontSize: 10,
					fontColor: "#999",
					dataLabel: false,
					dataPointShape: false,
					dataPointShapeType: "solid",
					touchMoveLimit: 60,
					enableScroll: false,
					enableMarkLine: false,
					legend: {
						show: false,
						position: "bottom",
						float: "center",
						padding: 5,
						margin: 5,
						backgroundColor: "rgba(0,0,0,0)",
						borderColor: "rgba(0,0,0,0)",
						borderWidth: 0,
						fontSize: 13,
						fontColor: "#666666",
						lineHeight: 11,
						hiddenColor: "#CECECE",
						itemGap: 10
					},
					xAxis: {
						disableGrid: true,
						disabled: false,
						axisLine: true,
						axisLineColor: "#CCCCCC",
						calibration: false,
						fontColor: "#999",
						fontSize: 10,
						rotateLabel: false,
						rotateAngle: 45,
						itemCount: 5,
						boundaryGap: "center",
						splitNumber: 5,
						gridColor: "#CCCCCC",
						gridType: "solid",
						dashLength: 4,
						gridEval: 1,
						scrollShow: false,
						scrollAlign: "left",
						scrollColor: "#A6A6A6",
						scrollBackgroundColor: "#EFEBEF",
						format: ""
					},
					yAxis: {
						data: [{
							min: 0,
							disabled: false,
							axisLine: false
						}],
						disabled: false,
						disableGrid: false,
						splitNumber: 5,
						gridType: "dash",
						dashLength: 8,
						gridColor: "#CCCCCC",
						padding: 10,
						showTitle: false
					},
					extra: {
						column: {
							type: "group",
							width: 9,
							activeBgColor: "#000000",
							activeBgOpacity: 0.08,
							seriesGap: 0,
							categoryGap: 0,
							barBorderCircle: false,
							barBorderRadius: [
								2,
								2,
								0,
								0
							],
							linearType: "none",
							linearOpacity: 1,
							colorStop: 0,
							meterBorder: 1,
							meterFillColor: "#FFFFFF"
						},
						tooltip: {
							showBox: true,
							showArrow: true,
							showCategory: false,
							borderWidth: 0,
							borderRadius: 0,
							borderColor: "#000000",
							borderOpacity: 0.7,
							bgColor: "#000000",
							bgOpacity: 0.7,
							gridType: "solid",
							dashLength: 4,
							gridColor: "#CCCCCC",
							fontColor: "#FFFFFF",
							splitLine: false,
							horizentalLine: false,
							xAxisLabel: false,
							yAxisLabel: false,
							labelBgColor: "#FFFFFF",
							labelBgOpacity: 0.7,
							labelFontColor: "#666666"
						},
						markLine: {
							type: "solid",
							dashLength: 4,
							data: []
						}
					}
				},
				cuisineRigChartData: {},
				cuisineChartData: {},
				leftCuisineChartData: {},
				rightCuisineChartData: {},
				//这里的 opts 是图表类型 type="arcbar" 的全部配置参数，您可以将此配置复制到 config-ucharts.js 文件中下标为 ['arcbar'] 的节点中来覆盖全局默认参数。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				cuisineOpts: {
					timing: "easeOut",
					duration: 1000,
					rotate: false,
					rotateLock: false,
					color: ["#f7f7f7", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [20, 0, 20, 0],
					fontSize: 13,
					fontColor: "#666666",
					dataLabel: false,
					dataPointShape: false,
					dataPointShapeType: "solid",
					touchMoveLimit: 60,
					enableScroll: false,
					enableMarkLine: false,
					title: {
						name: "",
						fontSize: 25,
						color: "#00FF00",
						offsetX: 0,
						offsetY: 0
					},
					subtitle: {
						name: "",
						fontSize: 15,
						color: "#666666",
						offsetX: 0,
						offsetY: 0
					},
					extra: {
						arcbar: {
							type: "circle",
							width: 15.5,
							backgroundColor: "#E9E9E9",
							startAngle: 1.5,
							endAngle: 0,
							gap: 10,
							direction: "cw",
							lineCap: "round",
							centerX: 0,
							centerY: 0,
							linearType: "none"
						}
					}
				},
				percentage: 70,
				cuisineHeight: 100,
				cuisineWidth: 100,
				indexPeopleChartData: {},
				//这里的 opts 是图表类型 type="mix" 的全部配置参数，您可以将此配置复制到 config-ucharts.js 文件中下标为 ['mix'] 的节点中来覆盖全局默认参数。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				indexPeopleOpts: {
					timing: "easeOut",
					duration: 1000,
					rotate: false,
					rotateLock: false,
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [20, 0, 0, 0],
					fontSize: 10,
					fontColor: "#999",
					dataLabel: false,
					dataPointShape: true,
					dataPointShapeType: "solid",
					touchMoveLimit: 60,
					enableScroll: false,
					enableMarkLine: false,
					legend: {
						show: false,
						position: "bottom",
						float: "center",
						padding: 5,
						margin: 5,
						backgroundColor: "rgba(0,0,0,0)",
						borderColor: "rgba(0,0,0,0)",
						borderWidth: 0,
						fontSize: 10,
						fontColor: "#999",
						lineHeight: 11,
						hiddenColor: "#CECECE",
						itemGap: 10
					},
					xAxis: {
						disableGrid: true,
						disabled: false,
						axisLine: true,
						axisLineColor: "#CCCCCC",
						calibration: false,
						fontColor: "#999",
						fontSize: 10,
						rotateLabel: false,
						rotateAngle: 45,
						itemCount: 5,
						boundaryGap: "center",
						splitNumber: 5,
						gridColor: "#CCCCCC",
						gridType: "solid",
						dashLength: 4,
						gridEval: 1,
						scrollShow: false,
						scrollAlign: "left",
						scrollColor: "#A6A6A6",
						scrollBackgroundColor: "#EFEBEF",
						format: ""
					},
					yAxis: {
						disabled: false,
						disableGrid: false,
						splitNumber: 4,
						gridType: "dash",
						dashLength: 4,
						gridColor: "#CCCCCC",
						padding: 10,
						showTitle: false,
						data: [{
								position: "left",
								title: "",
								type: "value",
								disabled: false,
								axisLine: false,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								textAlign: "right",
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								min: null,
								max: null,
								tofix: null,
								unit: "",
								format: ""
							},
							{
								position: "center",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: true,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "",
								format: ""
							},
							{
								position: "right",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: true,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "",
								format: ""
							}
						]
					},
					extra: {
						mix: {
							column: {
								width: 20,
								seriesGap: 2,
								barBorderCircle: false,
								linearType: "none",
								linearOpacity: 1,
								colorStop: 0
							},
							area: {
								opacity: 0.2,
								gradient: false
							}
						},
						tooltip: {
							showBox: true,
							showArrow: true,
							showCategory: false,
							borderWidth: 0,
							borderRadius: 0,
							borderColor: "#000000",
							borderOpacity: 0.7,
							bgColor: "#000000",
							bgOpacity: 0.7,
							gridType: "solid",
							dashLength: 4,
							gridColor: "#CCCCCC",
							fontColor: "#FFFFFF",
							splitLine: true,
							horizentalLine: false,
							xAxisLabel: false,
							yAxisLabel: false,
							labelBgColor: "#FFFFFF",
							labelBgOpacity: 0.7,
							labelfontColor: "#999"
						},
						markLine: {
							type: "solid",
							dashLength: 4,
							data: []
						}
					}
				},
				openPeopleChartData: {},

				peopleChartData: {},
				//这里的 opts 是图表类型 type="mix" 的全部配置参数，您可以将此配置复制到 config-ucharts.js 文件中下标为 ['mix'] 的节点中来覆盖全局默认参数。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
				peopleOpts: {
					timing: "easeOut",
					duration: 1000,
					rotate: false,
					rotateLock: false,
					color: ["#1890FF", "#91CB74", "#FAC858", "#EE6666", "#73C0DE", "#3CA272", "#FC8452", "#9A60B4",
						"#ea7ccc"
					],
					padding: [20, 0, 0, 0],
					fontSize: 10,
					fontColor: "#999",
					dataLabel: false,
					dataPointShape: true,
					dataPointShapeType: "solid",
					touchMoveLimit: 60,
					enableScroll: false,
					enableMarkLine: false,
					legend: {
						show: false,
						position: "bottom",
						float: "center",
						padding: 5,
						margin: 5,
						backgroundColor: "rgba(0,0,0,0)",
						borderColor: "rgba(0,0,0,0)",
						borderWidth: 0,
						fontSize: 10,
						fontColor: "#999",
						lineHeight: 11,
						hiddenColor: "#CECECE",
						itemGap: 10
					},
					xAxis: {
						disableGrid: true,
						disabled: false,
						axisLine: true,
						axisLineColor: "#CCCCCC",
						calibration: false,
						fontColor: "#999",
						fontSize: 10,
						rotateLabel: false,
						rotateAngle: 45,
						itemCount: 5,
						boundaryGap: "center",
						splitNumber: 5,
						gridColor: "#CCCCCC",
						gridType: "solid",
						dashLength: 4,
						gridEval: 1,
						scrollShow: false,
						scrollAlign: "left",
						scrollColor: "#A6A6A6",
						scrollBackgroundColor: "#EFEBEF",
						format: ""
					},
					yAxis: {
						disabled: false,
						disableGrid: false,
						splitNumber: 4,
						gridType: "dash",
						dashLength: 4,
						gridColor: "#CCCCCC",
						padding: 10,
						showTitle: false,
						data: [{
								position: "left",
								title: "",
								type: "value",
								disabled: false,
								axisLine: false,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								textAlign: "right",
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								min: null,
								max: null,
								tofix: null,
								unit: "",
								format: ""
							},
							{
								position: "center",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: true,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "",
								format: ""
							},
							{
								position: "right",
								min: null,
								max: null,
								title: "",
								textAlign: "right",
								type: "value",
								disabled: true,
								axisLine: true,
								axisLineColor: "#CCCCCC",
								calibration: false,
								fontColor: "#999",
								fontSize: 10,
								titlefontSize: 10,
								titleOffsetY: 0,
								titleOffsetX: 0,
								titlefontColor: "#999",
								tofix: null,
								unit: "",
								format: ""
							}
						]
					},
					extra: {
						mix: {
							column: {
								width: 20,
								seriesGap: 2,
								barBorderCircle: false,
								linearType: "none",
								linearOpacity: 1,
								colorStop: 0
							},
							area: {
								opacity: 0.2,
								gradient: false
							}
						},
						tooltip: {
							showBox: true,
							showArrow: true,
							showCategory: false,
							borderWidth: 0,
							borderRadius: 0,
							borderColor: "#000000",
							borderOpacity: 0.7,
							bgColor: "#000000",
							bgOpacity: 0.7,
							gridType: "solid",
							dashLength: 4,
							gridColor: "#CCCCCC",
							fontColor: "#FFFFFF",
							splitLine: true,
							horizentalLine: false,
							xAxisLabel: false,
							yAxisLabel: false,
							labelBgColor: "#FFFFFF",
							labelBgOpacity: 0.7,
							labelfontColor: "#999"
						},
						markLine: {
							type: "solid",
							dashLength: 4,
							data: []
						}
					}
				},
				renHeight: 110,
				renWidth: 295,
				Hadoop: null,
				indexAssess: 0,
				isStudyLeft: false,
				isStudyRight: false,
				studyLeft: 0,
				openYearTrendList: [],
				closePeopleChartData: {},
				pageNum: 1,
				birthday: 0,
				type: 1,
				foodAdvise: null,
				tatol: 0,
				moth: 0,
				pastTime: 1000 * 60 * 60 * 24 * 7,
				// 0未过期 1过期 2复购
				modalShow: 0,
				isXnsShow: false,
				unlockObj: null,
			}
		},
		onLoad(oprtion) {
			// #ifndef H5
			let search = uni.getMenuButtonBoundingClientRect()
			this.$store.commit('updataSearch', search);
			// #endif
			this.catalogueIndex = oprtion.index;
			let nowDate = new Date(oprtion.month);
			let moth = nowDate.getMonth() + 1 < 10 ? `0${nowDate.getMonth()+1}` : nowDate.getMonth() + 1;
			this.moth = nowDate.getMonth() + 1;
			this.birthday = `${nowDate.getFullYear()}${moth}`;
			this.init();
			this.initgetCity();
			this.initAnalyseData().then(res => {
				this.getConclusion();
			})


		},
		onPageScroll(e) {
			this.top = e.scrollTop;
			if (e.scrollTop == 0) {
				this.bgColor = 'transparent'
			} else {
				this.bgColor = '#fff'
			}
			this.$nextTick(() => {
				uni.createSelectorQuery().select(`#analyse_catalog_box`).boundingClientRect(data => {
					if (data.top >= 0) {
						this.isTabsScllor = false;
					} else {
						this.isTabsScllor = true;
					}
				}).exec();
			})


		},
		onReady() {},
		watch: {
			catalogueIndex(newVal, oldVal) {
				let id = this.catalogueTruess[newVal][0].id
				// this.updataIndexAct(0, id)
			}

		},
		computed: {
			search() {
				return this.$store.state.search;
			},
			location() {
				return this.$store.state.location;
			},
			user() {
				return this.$store.state.user;
			}

		},
		filters: {
			ff_percent(item) {
				let zoNum = 0;
				let junNum = 0;
				console.log('item', item)
				if (item.length == 0) {
					return "0%"
				}
				item.forEach((nowItem, nowIndex) => {
					if (nowIndex == 0) {
						zoNum = zoNum + Number(nowItem.increaseIndex);
					}
				});
				junNum = zoNum / 1;
				return `${(junNum).toFixed(2)}%`
			},
			ff_num(val) {
				console.log(Number(val).toLocaleString())
				return Number(val).toLocaleString();
			},
			ff_month(val) {
				let year = new Date(val).getFullYear();
				let moth = new Date(val).getMonth() + 1 < 10 ? `0${new Date(val).getMonth()+1}` : new Date(val)
					.getMonth() + 1;
				let day = new Date(val).getDay() < 10 ? `0${new Date(val).getDay()}` : new Date(val).getDay();
				return `${year}年${moth}月`
			},
			ff_analyseData(data) {

				let nowData = [];
				data.forEach(item => {
					nowData.push(item.foodName)
				});
				nowData = Array.from(new Set(nowData))
				return nowData.splice(',')
			},
			ff_analyseDataNum(data) {
				let nowData = [];
				data.forEach(item => {
					nowData.push(item.foodName)
				});
				nowData = Array.from(new Set(nowData))
				return nowData.length
			}

		},
		methods: {
			initgetCity() {
				return new Promise((ress, rejj) => {
					let location = uni.getStorageSync('location');
					this.$api.communityPriceRepurchase({
						cityId: location.id
					}).then(res => {
						if (res.code == 200) {
							this.unlockObj = res.data;
							console.log('unlockObj', this.unlockObj)
							ress(res.code);
						} else if (res.code == 503) {
							this.unlockObj = res.data;
							ress(res.code);
						}
					})
				})
			},
			directUnlock() {
				let location = uni.getStorageSync('location');
				this.isXnsShow = false;
				if (this.modalShow == 2) {
					uni.navigateTo({
						url: `/package/citySelection/index?isBlack=1&isText=5&isPast=true&priceId=${this.unlockObj.priceId}`
					});
					this.modalShow = 0;
				} else {
					uni.navigateTo({
						url: `/package/citySelection/index?isBlack=1&isText=5&priceId=${this.unlockObj.priceId}`
					});
				}

			},
			ff_close() {
				this.modalShow = 0;
			},
			ff_confirm() {
				this.modalShow = 2;
				this.isXnsShow = true;


			},
			ff_marketingConfirm() {
				uni.navigateTo({
					url: '/package/marketing/index'
				})
			},
			ff_marketingClose() {
				this.marketingShow = false;
			},
			ff_modalShow(isPass = false) {
				return new Promise((ress, rejj) => {
					if (this.user && this.user.communityList && this.user.communityList.length != 0) {
						let myPass = false;
						this.user.communityList.forEach((item, index) => {
							if (item.isCurrentCity == 1) {
								let expireTime = new Date(item.expireTime).getTime();
								let nowTime = new Date().getTime();
								let chaTime = expireTime - nowTime;
								myPass = true;
								if (this.pastTime >= chaTime) {
									if (chaTime <= 0) {
										this.myModalTitle = '您的社区会员已经过期\n是否继续续费?'
										this.modalShow = 1;
									} else {
										if (!isPass) {
											this.myModalTitle = '您的社区会员即将过期\n是否继续续费?'
											this.modalShow = 1;
										} else {
											this.modalShow = 0;
										}
									}
									ress()
								} else {
									this.modalShow = 0;
									ress()
								}


							}
						})
						if (!myPass) {
							// 判断该用户是否是第一次解锁社区
							if (this.user && this.user.communityList && this.user.communityList.length != 0) {
								this.modalShow = 2;
								this.isXnsShow = true;
								ress();
							} else {
								this.marketingShow = true;
							}
						}
					} else {
						this.marketingShow = true;
					}
				})
			},
			subValue(num) {
				let nowNum = Number(num);
				let zonNum = 0;
				this.openYearTrendList.forEach(item => {
					zonNum = zonNum + Number(item.num);
				});
				return Number(((nowNum / zonNum) * 100).toFixed(2));
			},
			goPages(url) {
				this.ff_modalShow(true).then(resss => {
					if (!this.modalShow) {
						uni.navigateTo({
							url
						})
					}
				})
			},
			goPath(item) {
				if (item.foodId == 0 || !item.foodsId) {
					uni.showToast({
						title: '敬请期待',
						mask: true,
						icon: 'none'
					})
					return
				}
				uni.navigateTo({
					url: `/package/cuisineDetail/index?foodId=${item.foodId}&marketIndex=${item.marketIndex}&trend=${item.trend}`
				})
			},
			goAdd() {
				this.pageNum++;
				this.initAnalyseData();
			},
			updataIsLoading(index) {
				if (index == 2) {
					this.isLoading = this.Hadoop ? index : 0;
				}
			},
			init() {
				uni.showLoading({
					title: '加载中',
					mask: true
				})
				let location = uni.getStorageSync('location');
				let variety = uni.getStorageSync('variety');
				let cityId = location.id;
				let categoryId = variety.children[0].id;
				this.myCity = location.name;
				this.title = `${location.name}${variety.label}大数据分析`;
				this.$api.analysisDataGet({
					cityId,
					categoryId
				}).then(res => {
					if (res.code == 200) {
						this.Hadoop = res.data;
						this.isLoading = 1;
						this.myMoths = new Date(this.Hadoop.month).getMonth() + 1
						this.brandTopList = this.Hadoop.brandTopList;

						// 看需求的满意度 进度条 this.Hadoop.satisPercent/100
						if (this.Hadoop.satisPercent <= 75) {
							this.studyLeft = this.Hadoop.satisPercent / 100 * 606 + 16 - 48;
							this.isStudyLeft = true;
							this.isStudyRight = false;
						} else {
							this.studyLeft = this.Hadoop.satisPercent / 100 * 606 + 16 - 210 + 32;
							this.isStudyLeft = false;
							this.isStudyRight = true;
						}

						this.getServerData();
					} else if (res.code == 404) {
						this.isLoading = 1;
						uni.hideLoading();
						this.tastText = '暂无内容'
						this.Hadoop = null;
					}

				})
			},
			updataType(index) {

				if (this.foodAdvise) {
					this.textAdvise = this.catalogueIndexTab == 0 ? this.foodAdvise.advise : this.catalogueIndexTab == 1 ?
						this.foodAdvise.adviseMfoodAdviseain : this.catalogueIndexTab == 2 ? this.foodAdvise
						.adviseIngredient : '';
				}

				if (this.catalogueIndexTab == index) {
					return
				}
				this.catalogueIndexTab = index;
				this.pageNum = 1;
				this.analyseData = []
				this.initAnalyseData();

			},
			getConclusion() {
				let location = uni.getStorageSync('location');
				let variety = uni.getStorageSync('variety');
				let req = {
					cityId: location.id,
					month: this.birthday,
					categoryId: variety.children[0].id
				}

				this.$api.getFoodAdvise(req).then(res => {
					this.foodAdvise = res.data;
					this.updataType(this.catalogueIndexTab);
				})
			},
			initAnalyseData() {
				return new Promise((ress, rejj) => {
					uni.showLoading({
						title: '加载中',
						mask: true
					})
					let location = uni.getStorageSync('location');
					let variety = uni.getStorageSync('variety');
					let req = {
						cityId: location.id,
						categoryId: variety.children[0].id,
						month: this.birthday,
						type: this.catalogueIndexTab + 1,
						pageNum: this.pageNum,
						pageSize: 9
					}
					this.$api.getFoodList(req).then(res => {
						if (res.code == 200) {
							uni.hideLoading();
							this.analyseData = [...this.analyseData, ...res.rows];
							this.tatol = res.total;
							ress();
							this.updataType(this.catalogueIndexTab);
						} else if (res.code == 504) {
							uni.hideLoading();
							this.analyseData = [];
							ress();
						}
					})
				})

			},
			updataIndexAssess(index) {
				this.indexAssess = index
			},
			getServerData() {
				let address = uni.getStorageSync('location').name;



				// 已消费过人数  
				if (this.Hadoop.consumeYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var nowSeries = [];

					var nowSeriesItems = []
					this.Hadoop.consumeYearTrendList.forEach((item, index) => {
						let nowNum = (item.num / 10000).toFixed(2);
						nowSeriesItems.unshift(nowNum);
						consumeCategories.unshift(item.month);
					});
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};


					this.renChartData = JSON.parse(JSON.stringify(res));
					console.log('this.renChartData', this.renChartData)
				}


				//消费满意度
				if (this.Hadoop.satisYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var twoSeries = []
					var nowSeries = []
					var nowSeriesItems = []
					this.Hadoop.satisYearTrendList.forEach((item, index) => {
						consumeCategories.unshift(item.month);
						nowSeriesItems.unshift(item.num);
					})
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};
					this.satisfyPeopleChartData = JSON.parse(JSON.stringify(res));
				}




				//   消费后复购率
				if (this.Hadoop.repurchaseYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];

					// var twoSeries = [{
					// 	name: this.Hadoop.repurchaseYearTrendList[0].address,
					// 	index: 1,
					// 	type: "column",
					// 	data: oneData
					// }];
					var nowSeries = []
					var nowSeriesItems = []

					this.Hadoop.repurchaseYearTrendList.forEach((item, index) => {
						consumeCategories.unshift(item.month);
						nowSeriesItems.unshift(item.num);
					})
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};
					this.shopeChartData = JSON.parse(JSON.stringify(res));
				}


				// 消费推荐指数
				if (this.Hadoop.recommendYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var twoSeries = []

					var nowSeries = []
					var nowSeriesItems = []
					this.Hadoop.recommendYearTrendList.forEach((item, index) => {
						consumeCategories.unshift(item.month);
						nowSeriesItems.unshift(item.num);
					})
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};
					this.indexPeopleChartData = JSON.parse(JSON.stringify(res));
				}

				// 已开店数量
				if (this.Hadoop.openYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var twoSeries = [];
					var openYearTrendList = []
					var nowSeries = []
					var nowSeriesItems = [];
					this.Hadoop.openYearTrendList.forEach((item, index) => {
						consumeCategories.unshift(item.month);
						nowSeriesItems.unshift(item.num);
						openYearTrendList.unshift(item);
					})
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					this.openYearTrendList = JSON.parse(JSON.stringify(openYearTrendList))
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};
					this.openPeopleChartData = JSON.parse(JSON.stringify(res));
				}


				// 已开店经营表现 
				if (this.Hadoop.manageYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var twoSeries = [];
					var nowSeries = []
					var nowSeriesItems = []

					this.Hadoop.manageYearTrendList.forEach((item, index) => {
						consumeCategories.unshift(item.month);
						nowSeriesItems.unshift(item.num);
					})
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};
					this.beenPeopleChartData = JSON.parse(JSON.stringify(res));
				}

				// 新开店
				if (this.Hadoop.newYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var twoSeries = []
					var nowSeries = []
					var nowSeriesItems = []
					this.Hadoop.newYearTrendList.forEach((item, index) => {
						nowSeriesItems.unshift(item.num);
						consumeCategories.unshift(item.month);

					})
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};
					this.newPeopleChartData = JSON.parse(JSON.stringify(res));
				}

				// 关闭店
				if (this.Hadoop.closeYearTrendList) {
					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var twoSeries = []
					var nowSeries = []
					var nowSeriesItems = []
					this.Hadoop.closeYearTrendList.forEach((item, index) => {

						nowSeriesItems.unshift(item.num);
						consumeCategories.unshift(item.month);

					})
					nowSeries.push({
						name: address,
						type: "line",
						pointShape: "circle",
						color: '#FF8900',
						data: nowSeriesItems
					});
					nowSeries.push({
						name: address,
						index: 2,
						type: "point",
						disableLegend: true,
						color: '#FF8900',
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};
					this.closePeopleChartData = JSON.parse(JSON.stringify(res));
				}


				// 关闭店 圆形环

				var res = {
					series: [{
						name: "",
						color: "#FFDA2D",
						data: (this.Hadoop.closePercent ? this.Hadoop.closePercent / 100 : 0)
					}]
				};
				this.leftCuisineChartData = JSON.parse(JSON.stringify(res));

				var res = {
					series: [{
						name: "",
						color: "#FF9E00",
						data: (this.Hadoop.closeNationIndex ? this.Hadoop.closeNationIndex / 100 : 0)
					}]
				};
				this.rightCuisineChartData = JSON.parse(JSON.stringify(res));


				// 价值程度
				if (this.Hadoop.competeYearTrendList) {

					var consumeCategories = [];
					var consumeSeries = [];
					var oneData = [];
					var twoSeries = []
					var nowSeries = []
					var nowSeriesItems = []
					this.Hadoop.competeYearTrendList.forEach((item, index) => {
						consumeCategories.unshift(item.month);
						nowSeriesItems.unshift(item.num);

					})
					nowSeries.push({
						name: address,
						data: nowSeriesItems
					})
					var res = {
						categories: consumeCategories,
						series: nowSeries
					};

					this.statusChartData = JSON.parse(JSON.stringify(res));
				}


				uni.hideLoading();

			},
			updataIndexAct(index, id) {
				this.catalogueIndexAct = index;
				this.$nextTick(() => {
					let tabsScllorHeight = 0
					uni.createSelectorQuery().in(this).select(`#tabsScllor`).boundingClientRect(data => {
						tabsScllorHeight = data.height;
					}).exec();
					// 
					uni.createSelectorQuery().in(this).select(`#${id}`).boundingClientRect(data => {
						console.log('tabsScllorHeight--->', tabsScllorHeight)
						this.top = this.top + data.top - tabsScllorHeight;
						uni.pageScrollTo({
							scrollTop: this.top,
							duration: 1000
						});
					}).exec();
				})
			},
			tareegBotton() {
				this.isTabsScllor = !this.isTabsScllor;
			},
			//调用预览图片的方法
			ff_previewImage(myImgs, index = 0) {
				uni.previewImage({
					urls: [myImgs],
					current: index
				})
			},

			goBlack() {
				uni.navigateBack();
			}
		}
	}
</script>
<style lang="scss" scoped>
	.pages_intelligence {
		background-color: #FFDF13;
		height: 100vh;
		box-sizing: border-box;
		// overflow: scroll;
		position: relative;

		.analyse_catalog_box {
			width: 100%;
			border-radius: 24rpx;
			padding: 32rpx 24rpx;
			background-color: #fff;
			box-sizing: border-box;
			position: relative;
		}

		.tabsScllorTopBox {
			display: flex;
			justify-content: space-between;
			align-items: center;
		}


		.tabsScllorTopBoxLeft {
			display: flex;
			align-items: center;

			image {
				width: 40rpx;
				height: 40rpx;
				margin-right: 8rpx;
			}

			span {
				display: inline-block;
				height: 44rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 600;
				line-height: 44rpx;
				color: #333333;
			}
		}

		.tabsScllorConBox {
			height: 76rpx;
			background: #F7F7F7;
			border-radius: 16rpx;
			display: flex;
			padding: 0 8rpx;
			box-sizing: border-box;
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin: 32rpx 0 98rpx 0;
			overflow: hidden;

		}

		.tabsScllorConBoxTopxx {
			margin: 32rpx 0;
		}

		.tabsScllorBottonBoxx {
			position: absolute;
			left: 0;
			bottom: 32rpx;
			height: 60rpx;
			overflow-x: scroll;
			overflow-y: hidden;
			width: 100%;
		}

		.tabsScllorBottonBoxxTop {
			bottom: 82rpx;
		}

		.tabsScllorBottonBox {
			white-space: nowrap;

			span {
				text-align: center;
				display: inline-block;
				width: 210rpx;
				height: 60rpx;
				opacity: 1;
				border-radius: 12rpx;
				box-sizing: border-box;
				margin-left: 32rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 60rpx;
				background: #f7f7f7;
				border: 2rpx solid #f7f7f7;
				color: #999999;
			}

			span:last-child {
				margin-right: 32rpx;
			}

			.act {
				color: #333333;
				font-weight: bold;
				background: rgba(255, 242, 178, 1);
				border: 2rpx solid #FFDA2D;
			}

		}

		.tabsScllorConBoxItems {
			width: 190rpx;
			height: 60rpx;
			line-height: 60rpx;
			text-align: center;

			border-radius: 12rpx;
			font-size: 28rpx;
			font-family: PingFang SC;


			background: #f7f7f7;
			color: #999999;
		}

		.tabsScllorConBoxItems_act {
			color: #333333;
			background: #FFDF13;
			font-weight: bold;
		}

		.tabsScllorTopBoxRight {
			height: 32rpx;
			font-size: 22rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 32rpx;
			color: #999999;
		}

		.tabsScllorBotton {
			display: flex;
			align-items: center;
			justify-content: center;
			padding-top: 82rpx;

			image {
				width: 24rpx;
				height: 24rpx;
				margin-right: 8rpx;
				transform: rotateZ(180deg);
			}

			span {
				display: inline-block;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #666666;
			}
		}

		.tabsScllorBottonTop {
			transform: rotateZ(180deg);
		}

		.tabsScllorTop {

			border-top: 1rpx solid transparent;

			span {
				display: inline-block;
				margin-top: 32rpx;
				margin-right: 48rpx;
				width: 196rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;
				background: #f4f4f4;
				opacity: 1;
				border-radius: 8rpx;
				color: #666666;
				font-size: 28rpx;
			}



			span:nth-child(3n) {
				margin-right: 0;
			}


		}

		.act {
			background: rgba(255, 242, 178, 1) !important;
			color: #000 !important;
		}

		.tabsScllor {
			transition: all 1.5s;
			position: fixed;
			top: 0;
			left: 0;
			background-color: #fff;
			width: 100%;
			padding: 32rpx;
			box-sizing: border-box;
			z-index: 2;
			box-shadow: 0 0 30rpx 4rpx #ddd;
		}

		.trademark_inspectCuisineHeard {
			display: flex;
			align-items: center;
			padding: 0 16rpx;
			box-sizing: border-box;
			margin-bottom: 8rpx;

			span {
				display: inline-block;
				height: 34rpx;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				line-height: 34rpx;
				color: #7f7f7f;

			}

			span:nth-child(1) {
				flex: 0 0 96rpx;
				width: 96rpx;
				margin-right: 31rpx;

			}

			span:nth-child(2) {
				flex: 1;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;

			}

			span:nth-child(3) {
				flex: 0 0 74rpx;

			}

			span:nth-child(4) {
				flex: 0 0 160rpx;
				text-align: right;

			}

		}

		.white {
			background-color: #fff !important;
		}

		.trademark_inspectCuisineBox {
			border-radius: 16rpx;
			overflow: hidden;
		}

		.trademark_inspectCuisineHeardItem {
			display: flex;
			align-items: center;
			padding: 16rpx;
			box-sizing: border-box;
			background: #f7f7f7;

			span {
				display: inline-block;
				height: 34rpx;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 34rpx;
				color: #333;

			}

			span:nth-child(1) {
				flex: 0 0 104rpx;
				margin-right: 24rpx;
				width: 104rpx;
				height: 38rpx;
				line-height: 38rpx;
				background: #ebebeb;
				opacity: 1;
				border-radius: 8rpx;
				text-align: center;

			}

			span:nth-child(2) {
				flex: 1;
				text-overflow: ellipsis;
				overflow: hidden;
				white-space: nowrap;
				height: 38rpx;
				line-height: 38rpx;


			}

			span:nth-child(3) {
				flex: 0 0 74rpx;

			}

			span:nth-child(4) {
				flex: 0 0 160rpx;

			}

			.trademark_inspectHeardBottonItemsBox {
				flex: 0 0 160rpx;
				width: 160rpx;
				justify-content: flex-end;

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}
		}

		.trademark_inspectSceneImgBox {
			width: 100%;
			height: 400rpx;
			display: flex;
			justify-content: center;
			margin: 0rpx 0 24rpx 0;

			image {
				height: 400rpx;
				width: 400rpx;
			}

			.sceneCharts {
				height: 400rpx;
				width: 400rpx;
			}

			.serveCharts {
				height: 400rpx;
				width: 400rpx;
			}

			.strategyCharts {
				height: 400rpx;
				width: 400rpx;
			}
		}

		.trademark_inspectSceneHeard {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.trademark_inspectSceneHeardDian {
			border-radius: 50%;
			display: inline-block;
			width: 12rpx;
			height: 12rpx !important;
			margin-right: 8rpx;
		}

		.trademark_inspectSceneHeardItemsRight {
			height: 36rpx;
			font-size: 13px;
			font-family: PingFang SC;
			font-weight: bold;
			line-height: 36rpx;
			color: #333333;
		}

		.trademark_inspectSceneHeardItemsLeft {
			display: flex;
			align-items: center;

			&>span {
				display: inline-block;
				height: 36rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
			}
		}

		.trademark_inspectSceneHeardItems {
			flex: 0 0 312rpx;
			width: 312rpx;
			height: 60rpx;
			align-items: center;
			line-height: 60rpx;
			background: #f7f7f7;
			padding: 16rpx;
			box-sizing: border-box;
			margin-bottom: 14rpx;
			opacity: 1;
			border-radius: 16rpx;
			display: flex;
			justify-content: space-between;
		}

		.trademark_inspectHeardTop {
			display: flex;
			margin-bottom: 24rpx;

			image {
				width: 42rpx;
				height: 42rpx;
				margin-right: 6rpx;
			}

			&>view {
				height: 42rpx;
				font-size: 30rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 42rpx;
				color: #333333;
			}

		}

		.trademark_inspectSiteItemsEnd {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			flex: 1;
		}

		.trademark_inspectSiteItemsEnds {
			display: flex;

			span {
				display: inline-block;
			}

			span:nth-child(1) {
				height: 34rpx;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 34rpx;
				color: #7f7f7f;
			}

			span:nth-child(2) {
				height: 34rpx;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 34rpx;
				color: #333333;
			}
		}



		.trademark_inspectSiteItemsText {
			flex: 0 0 288rpx;

			font-size: 24rpx;
			font-family: 蘋方-簡;
			font-weight: bold;
			line-height: 30rpx;
			color: #333333;
		}

		.trademark_inspectSiteItemsIndex {
			width: 34rpx;
			height: 34rpx;
			flex: 0 0 34rpx;
			line-height: 34rpx;
			background: #FFDE16;
			opacity: 1;
			border-radius: 8rpx;
			text-align: center;
			font-size: 24rpx;
			font-family: 蘋方-簡;
			font-weight: bold;
			color: #333333;
			margin-right: 32rpx;
		}

		.trademark_inspectWeightBrandEnd {
			height: 28rpx;
			font-size: 20rpx;
			margin-top: 16rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 28rpx;
			color: #999999;
			text-align: center;
		}

		.trademark_inspectWeightBrandBg {
			width: 100%;
			height: 300;
			margin-top: 20rpx;

			image {
				width: 100%;
				height: 100%;
			}

			.brandCharts {
				width: 590rpx;
				height: 300;

			}
		}

		.trademark_inspectWeightHeard {
			display: flex;

		}

		.trademark_inspectWeightBrand {
			flex: 1;

			// margin-bottom: 20rpx;
			p {
				text-align: center;
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #999999;
			}

			p:nth-child(1) {
				height: 56rpx;
				font-size: 40rpx;
				font-family: DIN;
				font-weight: bold;
				line-height: 56rpx;
				margin-top: 8rpx;
				color: #333333;
			}
		}

		.trademark_inspectSiteItems {
			display: flex;
			align-items: center;
			padding: 16rpx;
			box-sizing: border-box;
		}

		.trademark_inspectWeightSite {
			width: 638rpx;
			border-radius: 16rpx;
		}

		.trademark_inspectHeard {
			width: 686rpx;
			background: #fff;
			opacity: 1;
			border-radius: 24rpx;
			margin: 16rpx 0 24rpx;
			padding: 24rpx;
			box-sizing: border-box;
			border-bottom: 1rpx transparent solid;

		}

		.trademark_inspectSceneBott {
			padding-bottom: 0;
		}

		.trademark_inspectWeightBut01 {
			width: 590rpx;
			height: 82rpx;
			line-height: 82rpx;
			background: #EBEBEB;
			border-radius: 16rpx;
			margin-top: 16rpx;
			display: flex;
			justify-content: center;
			align-items: center;
		}

		.trademark_inspectHeardBotton {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}

		.trademark_inspectHeardBottonItemsCl {
			justify-content: center;
		}

		.trademark_inspectHeardBottonItemsBoxCl {
			display: inline-block !important;
			flex: 0 0 126rpx !important;
		}

		.trademark_inspectHeardBottonItemsBox {
			height: 36rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: bold;
			line-height: 36rpx;
			color: #333333;
			flex: 1;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			display: flex;
			align-items: center;

			span {
				display: inline-block;
				height: 36rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
				flex: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}

			image {
				width: 24rpx !important;
				height: 24rpx !important;
			}
		}

		.trademark_inspectWeightTu01 {


			image {
				width: 100%;
				height: 100%;
			}

			.charts {
				width: 590rpx;
				height: 580rpx;
			}
		}


		.trademark_inspectWeight {
			width: 638rpx;
			padding: 24rpx;
			display: flex;
			flex-direction: column;
			opacity: 1;
			border-radius: 16rpx;
			box-sizing: border-box;
			background: #F7F7F7;

			span:nth-child(1) {
				display: inline-block;
				height: 42rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 42rpx;
				color: #898989;
			}

			span:nth-child(2) {
				display: inline-block;
				height: 42rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 42rpx;
				color: #333;
			}
		}

		.trademark_inspectHeardBottonItems {
			width: 312rpx;
			height: 66rpx;
			align-items: center;
			background: #f6f6f6;
			opacity: 1;
			border-radius: 16rpx;
			margin-bottom: 24rpx;
			padding: 16rpx;
			display: flex;
			box-sizing: border-box;

			&>view:nth-child(1) {
				flex: 1;
				display: inline-block;
				height: 36rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 36rpx;
				color: #999999;
			}

			&>view:nth-child(2) {
				flex: 0 0 150rpx;
				display: flex;
				align-items: center;
				overflow: hidden;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			image {
				width: 32rpx;
				height: 32rpx;
			}
		}

		.trademark_assessbox_body {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

		}

		.trademark_assessbox_bodyitems {
			width: 308rpx;
			height: 200rpx;
			background: #f7f7f7;
			border-radius: 16rpx;
			padding: 24rpx;
			box-sizing: border-box;
			margin-bottom: 22rpx;
		}

		.trademark_assessbox_bodyitemstbotton {
			height: 42rpx;
			line-height: 42rpx;
			display: inline-block;
			padding: 0 12rpx;
			background: rgba(252, 229, 81, 0.39);
			border-radius: 8rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			color: #666666;
		}

		.trademark_assessbox_bodyitemstcent {
			margin: 16rpx 0 8rpx 0;
			display: flex;
			justify-content: space-between;

			span {
				height: 58rpx;
				font-size: 42rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 58rpx;
				color: #333333;
				opacity: 1;
			}

			span:nth-child(2) {
				color: #FF471C;
			}
		}

		.trademark_assessbox_bodyitemstop {
			display: flex;
			justify-content: space-between;

			span {
				display: inline-block;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #666666;
			}

			image {
				width: 32rpx;
				height: 32rpx;
			}
		}

		.assess_heardBoxP {
			display: flex;
			justify-content: center;
			align-items: center;

			span:nth-child(2) {
				display: inline-block;
				height: 42rpx;
				line-height: 42rpx;
				background: #ffffff;
				opacity: 1;
				border-radius: 12rpx;
				margin-left: 12rpx;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				padding: 0 12rpx;
				color: #333333;
			}
		}

		.assessBoxBig {

			padding: 0 32rpx;
			box-sizing: border-box;
			background: #FFDF13;
			padding-bottom: 52rpx;
			width: 100%;
		}

		.red {
			color: #FF471C !important;
		}

		.green {
			color: #3AD346 !important;
		}

		.assessBox_statusBoxItems {
			width: 308rpx;
			height: 154rpx;
			border-radius: 16rpx;
			padding: 24rpx;
			box-sizing: border-box;
			background-color: #f7f7f7;
			margin-bottom: 22rpx;

		}

		.pages_end {
			padding: 32rpx 0 48rpx 0;
			text-align: center;
			font-size: 24rpx;
			font-family: 蘋方-簡;
			font-weight: normal;
			color: #CCCCCC;
		}


		// .assessBox_statusBoxItems:nth-child(3) {
		// 	margin-top: 14rpx;
		// }

		// .assessBox_statusBoxItems:nth-child(4) {
		// 	margin-top: 14rpx;
		// }

		.assessBox_statusBoxItemsTop {
			display: flex;
			justify-content: space-between;

			span {
				display: inline-block;
				margin-left: 4rpx;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #666666;

			}

			image {
				width: 32rpx;
				height: 32rpx;
			}
		}

		.assessHeardImg {
			position: absolute;
			width: 100%;
		}

		.assess_heardBoxPBox {
			height: 32rpx;
			display: flex;
			align-items: center;
			background: #fff8d8;
			border-radius: 20rpx;
			padding: 0 16rpx;
			box-sizing: border-box;
			margin: 0 auto;

			image {
				width: 20rpx;
				height: 20rpx;
				margin-right: 6rpx;
			}

			span {
				display: inline-block;
				height: 26rpx;
				font-size: 18rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 26rpx;
				color: #999999;
			}
		}

		.assess_heardBoxPBoxItems {
			flex: 1;
			text-align: center;

			p:nth-child(1) {
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 40rpx;
				color: #333333;
				margin-bottom: 4rpx;
			}

			p:nth-child(2) {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #94853a;
			}
		}

		.pages_intelligenceHeard {
			display: flex;
			justify-content: space-between;
			box-sizing: border-box;
		}

		.cuisinePricingBox_mainItemss {
			display: flex;
			padding-bottom: 24rpx;
		}

		.trademark_assessbox_numHeardBody {
			span {
				display: inline-block;
				background: #f4f4f4;
				text-align: center;
				width: 194rpx;
				height: 60rpx;
				line-height: 60rpx;
				border-radius: 8rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #666666;
				margin: 0 24rpx 24rpx 0;
			}

			span:nth-child(3n) {
				margin-right: 0;
			}
		}

		.trademark_assessbox_numHeardTop {
			display: flex;
			align-items: flex-end;

			image {
				width: 44rpx;
				height: 44rpx;
				margin-right: 8rpx;
			}

			span {
				display: inline-block;
				height: 44rpx;
				font-size: 32rpx;
				font-family: PingFang SC;
				font-weight: 600;
				line-height: 44rpx;
				color: #333333;
			}
		}

		.trademark_assessbox_numHeard {
			display: flex;
			justify-content: space-between;
			align-items: flex-end;
			margin-bottom: 32rpx;

			&>view:nth-child(2) {
				display: inline-block;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
			}
		}

		.trademark_assessbox {
			width: 686rpx;
			background: #fff;
			opacity: 1;
			border-radius: 24rpx;
			padding: 24rpx;
			padding-bottom: 0;
			box-sizing: border-box;
		}

		.numBox {
			margin: 24rpx 0;
		}

		.trademark_assessbox_heard {
			height: 130rpx;
			background: linear-gradient(90deg, rgba(255, 218, 45, 0) 0%, #FEF8CE 50%, rgba(255, 218, 45, 0) 100%);
			border-radius: 16rpx;
			display: flex;
			align-items: center;
			margin-bottom: 16rpx;

			&>view:nth-child(2) {
				flex: 6;
				height: 80rpx;
				font-size: 56rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 80rpx;
				color: #FF8900;
				text-align: left;
			}
		}

		.trademark_assessbox_heard_top {
			flex: 7;

			p {
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 40rpx;
				color: #333333;
				text-align: right;
			}

			p:nth-child(2) {
				padding-right: 26rpx;
			}
		}

		.cuisinePricingBox_mainItemsImgBox {
			width: 144rpx;
			height: 144rpx;
			margin-right: 24rpx;
			border-radius: 16rpx;
			flex: 0 0 144rpx;
			overflow: hidden;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.cuisinePricingBox_mainItemsImgBoxRight {
			flex: 1;

		}

		.cuisinePricingBox_mainItemsImgBoxRightName {
			height: 40rpx;
			font-size: 28rpx;
			font-family: PingFang SC;
			font-weight: bold;
			line-height: 40rpx;
			color: #333333;
		}

		.cuisinePricingBox_mainItemsImgBoxRightBottonBox {
			display: flex;
		}

		.cuisinePricingBox_mainItemsImgBoxRightTops {
			flex: 1;

			span {
				display: inline-block;
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #999999;
			}
		}

		.cuisinePricingBox_main {
			margin-top: 32rpx;

		}

		.pages_intelligenceHeardLeft {
			// border-left: 8rpx solid #FFDA2D;
			height: 44rpx;
			font-size: 32rpx;
			font-family: 蘋方-簡;
			font-weight: normal;
			line-height: 44rpx;
			color: #333333;
			margin-top: 32rpx;
			position: relative;
			padding-left: 22rpx;
			font-weight: bold;

			&::after {
				content: "";
				width: 8rpx;
				height: 32rpx;
				position: absolute;
				left: 0;
				top: 50%;
				transform: translateY(-50%);
				background: #333;

			}
		}

		.cuisinePricingBox_mainItems_text {
			height: 34rpx;
			margin-top: 8rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 34rpx;
			color: #999999;
		}

		.cuisinePricingBox_mainitesText {
			height: 38rpx;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: bold;
			line-height: 38rpx;
			color: #000000;
			text-align: center;
			flex: 1;
		}

		.cuisinePricingBox_mainitesImg {
			width: 122rpx;
			height: 122rpx;
			border-radius: 24rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.cuisinePricingBox_mainites {
			display: inline-block;
			width: 310rpx;
			height: 122rpx;
			display: flex;
			background: #f7f7f7;
			border-radius: 24rpx;
			align-items: center;
			margin-top: 16rpx;
		}

		.cuisineBox_heardTwoMain {
			margin-top: 16rpx;

			span {
				display: inline-block;
				height: 42rpx;
				line-height: 42rpx;
				text-align: center;
				padding: 0 12rpx;
				border-radius: 10rpx;
				background-color: #FFDA2D;
				margin-right: 16rpx;
				margin-bottom: 16rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: bold;

			}
		}

		.cuisinePricingBox_mainItems {
			display: flex;

			view:nth-child(2) {
				flex: 0 0 220rpx;
				width: 220rpx;
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #999999;
				margin-left: 24rpx;
				margin-bottom: 16rpx;

			}

			view:nth-child(1) {
				flex: 1;
				height: 34rpx;
				display: flex;
				align-items: center;
			}

		}

		.cuisinePricingBox_mainItemsBotton {
			display: flex;
			justify-content: flex-end;
			margin-bottom: 16rpx;

			span {
				display: inline-block;
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 40rpx;
				color: #333333;
			}

			span:nth-child(1) {
				flex: 0 0 145rpx;
			}

			span:nth-child(2) {
				color: #FF471C;
			}
		}

		.cuisinePricingBox_mainItemsBottonDIan {
			width: 12rpx !important;
			height: 12rpx !important;
			flex: 0 0 12rpx !important;
		}


		.cuisinePricingBox {
			padding: 24rpx;
			padding-bottom: 0;
			border-radius: 24rpx;
			background: #fff;
			margin: 24rpx 0;
		}

		.assessBox_statusBox {
			background-color: #fff;
			border-radius: 24rpx;
			// padding: 24rpx;
			display: flex;
			justify-content: space-evenly;
			align-items: space-evenly;
			flex-wrap: wrap;
		}

		.analyse_people_box {
			width: 100%;
			box-sizing: border-box;
			border-radius: 16rpx;
			padding: 24rpx;
			background: #F7F7F7;

		}

		.analyse_people_boxEnd {
			width: 100%;
			height: 220rpx;

			image {
				width: 100%;
				height: 100%;
			}
		}

		.analyse_people_boxHeard {
			display: flex;
			justify-content: space-between;

		}

		.analyse_people_boxHeardRight {
			display: flex;
			align-items: center;
		}

		.analyse_people_boxHeardRightItem {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-left: 24rpx;

			span {
				display: inline-block;
			}

			span:nth-child(1) {
				width: 12rpx;
				height: 12rpx;
				background: #FF8900;
				border-radius: 50%;
			}

			span:nth-child(2) {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #666666;
				margin-left: 8rpx;
			}
		}

		.huise {
			background-color: #ddd !important;
		}

		.analyse_people_boxHeardLeft {
			height: 34rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 34rpx;
			color: #666666;

		}

		.assess_heardBox {
			position: absolute;
			left: 0;
			width: 100%;
			margin: 48rpx 0 68rpx 0;
			display: flex;
			flex-direction: column;

			p {
				text-align: center;
			}

			p:nth-child(1) {
				height: 56rpx;
				font-size: 40rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 56rpx;
				color: #343434;
				margin-bottom: 8rpx;
			}

			&>p:nth-child(2) {
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 40rpx;
				color: #343434;
				margin-bottom: 24rpx;
			}
		}

		.red {
			color: #FF471C !important;
		}

		.green {
			color: #3AD346 !important;
		}

		.study_heardBottomProgress {
			width: 100%;
			background-color: #F7F7F7;

			height: 80rpx;
			opacity: 1;
			border-radius: 16rpx;
			padding: 16rpx;
			box-sizing: border-box;
		}

		/deep/.u-line-progress__background {
			border-radius: 8rpx !important;
		}

		/deep/.u-line-progress {
			border-radius: 8rpx !important;
		}

		/deep/.u-line-progress__line {
			border-radius: 8rpx !important;
		}

		.assessBox_statusBoxItemsBotton {
			margin-top: 16rpx;
			display: flex;
			justify-content: space-between;
			align-items: center;

			span {
				display: inline-block;
				height: 58rpx;
				font-size: 42rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 58rpx;
				color: #333333;
			}
		}

		.assessBox_statusBoxItemsBotton_gao {
			justify-content: start;
			align-items: flex-end;

			span:nth-child(2) {
				font-size: 30rpx;
				height: 39rpx;
				line-height: 30rpx;
			}
		}

		.study_heardBottomTop {
			margin-bottom: 22rpx;
		}

		.study_heardBottomTopTTOPOO {
			padding: 0 24rpx;
		}

		.study_heardBottomTopTTOP {
			height: 34rpx;
			font-size: 24rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 34rpx;
			color: #666666;
		}

		.study_percentage {
			display: inline-block;
			padding-bottom: 12rpx;
			position: relative;
			// left: 385rpx;
		}

		.study_percentageBotton {
			display: inline-block;
			width: 0;
			height: 0;
			border: 12rpx solid transparent;
			border-top: 12rpx solid #fff9dd;
			position: absolute;
			bottom: -12rpx;
			left: 30rpx;

		}

		.study_percentageBottonright {
			left: 155rpx;
		}

		.study_percentageTop {
			display: flex;
			align-items: center;
			background-color: #fff9dd;
			border-radius: 40rpx;
			padding: 8rpx 20rpx 8rpx 8rpx;
			box-sizing: border-box;

			image:nth-child(1) {
				width: 64rpx;
				height: 64rpx;
			}

			.study_percentageText {
				margin: 0 8rpx;

				span {
					display: inline-block;
					height: 64rpx;
					font-size: 32rpx;
					font-family: YouSheBiaoTiHei;
					font-weight: bold;
					line-height: 64rpx;
					color: #333333;
				}

				span:nth-child(2) {
					font-size: 26rpx;
				}
			}

			image:nth-child(3) {
				width: 32rpx;
				height: 32rpx;
			}


		}

		.kong {
			height: 100%;
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			background-color: #fff;
		}

		.myGround {
			.analyse_catalog_box {
				width: 100%;
				border-radius: 24rpx;
				padding: 32rpx 24rpx;
				background-color: #fff;
				box-sizing: border-box;
				position: relative;
			}

			.tabsScllorTopBox {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}


			.tabsScllorTopBoxLeft {
				display: flex;
				align-items: center;

				image {
					width: 40rpx;
					height: 40rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 44rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: 600;
					line-height: 44rpx;
					color: #333333;
				}
			}

			.tabsScllorConBox {
				height: 76rpx;
				background: #F7F7F7;
				border-radius: 16rpx;
				display: flex;
				padding: 0 8rpx;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 32rpx 0 98rpx 0;
				overflow: hidden;

			}

			.tabsScllorBottonBoxx {
				position: absolute;
				left: 0;
				bottom: 32rpx;
				height: 60rpx;
				overflow-x: scroll;
				overflow-y: hidden;
				width: 100%;
			}

			.tabsScllorBottonBox {
				white-space: nowrap;

				span {
					text-align: center;
					display: inline-block;
					width: 210rpx;
					height: 60rpx;
					opacity: 1;
					border-radius: 12rpx;
					box-sizing: border-box;
					margin-left: 32rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 60rpx;
					background: #f7f7f7;
					border: 2rpx solid #f7f7f7;
					color: #999999;
				}

				span:last-child {
					margin-right: 32rpx;
				}

				.act {
					color: #333333;
					font-weight: bold;
					background: rgba(255, 242, 178, 1);
					border: 2rpx solid #FFDA2D;
				}

			}

			.tabsScllorConBoxItems {
				width: 190rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;

				border-radius: 12rpx;
				font-size: 28rpx;
				font-family: PingFang SC;


				background: #f7f7f7;
				color: #999999;
			}

			.tabsScllorConBoxItems_act {
				color: #333333;
				background: #FFDF13;
				font-weight: bold;
			}

			.tabsScllorTopBoxRight {
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
			}

			.tabsScllorBotton {
				display: flex;
				align-items: center;
				justify-content: center;
				padding-top: 32rpx;

				image {
					width: 24rpx;
					height: 24rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;
				}
			}

			.tabsScllorBottonTop {
				transform: rotateZ(180deg);
			}

			.tabsScllorTop {

				border-top: 1rpx solid transparent;

				span {
					display: inline-block;
					margin-top: 32rpx;
					margin-right: 48rpx;
					width: 196rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					background: #f4f4f4;
					opacity: 1;
					border-radius: 8rpx;
					color: #666666;
					font-size: 28rpx;
				}



				span:nth-child(3n) {
					margin-right: 0;
				}


			}

			.act {
				background: rgba(255, 242, 178, 1) !important;
				color: #000 !important;
			}

			.tabsScllor {
				transition: all 1.5s;
				position: fixed;
				top: 0;
				left: 0;
				background-color: #fff;
				width: 100%;
				padding: 32rpx;
				box-sizing: border-box;
				z-index: 2;
				box-shadow: 0 0 30rpx 4rpx #ddd;
			}

			.trademark_inspectCuisineHeard {
				display: flex;
				align-items: center;
				padding: 0 16rpx;
				box-sizing: border-box;
				margin-bottom: 8rpx;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: normal;
					line-height: 34rpx;
					color: #7f7f7f;

				}

				span:nth-child(1) {
					flex: 0 0 96rpx;
					width: 96rpx;
					margin-right: 31rpx;

				}

				span:nth-child(2) {
					flex: 1;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;

				}

				span:nth-child(3) {
					flex: 0 0 74rpx;

				}

				span:nth-child(4) {
					flex: 0 0 160rpx;
					text-align: right;

				}

			}

			.white {
				background-color: #fff !important;
			}

			.trademark_inspectCuisineBox {
				border-radius: 16rpx;
				overflow: hidden;
			}

			.trademark_inspectCuisineHeardItem {
				display: flex;
				align-items: center;
				padding: 16rpx;
				box-sizing: border-box;
				background: #f7f7f7;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #333;

				}

				span:nth-child(1) {
					flex: 0 0 104rpx;
					margin-right: 24rpx;
					width: 104rpx;
					height: 38rpx;
					line-height: 38rpx;
					background: #ebebeb;
					opacity: 1;
					border-radius: 8rpx;
					text-align: center;

				}

				span:nth-child(2) {
					flex: 1;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					height: 38rpx;
					line-height: 38rpx;


				}

				span:nth-child(3) {
					flex: 0 0 74rpx;

				}

				span:nth-child(4) {
					flex: 0 0 160rpx;

				}

				.trademark_inspectHeardBottonItemsBox {
					flex: 0 0 160rpx;
					width: 160rpx;
					justify-content: flex-end;

					image {
						width: 32rpx;
						height: 32rpx;
					}
				}
			}

			.trademark_inspectSceneImgBox {
				width: 100%;
				height: 400rpx;
				display: flex;
				justify-content: center;
				margin: 0rpx 0 24rpx 0;

				image {
					height: 400rpx;
					width: 400rpx;
				}

				.sceneCharts {
					height: 400rpx;
					width: 400rpx;
				}

				.serveCharts {
					height: 400rpx;
					width: 400rpx;
				}

				.strategyCharts {
					height: 400rpx;
					width: 400rpx;
				}
			}

			.trademark_inspectSceneHeard {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}

			.trademark_inspectSceneHeardDian {
				border-radius: 50%;
				display: inline-block;
				width: 12rpx;
				height: 12rpx !important;
				margin-right: 8rpx;
			}

			.trademark_inspectSceneHeardItemsRight {
				height: 36rpx;
				font-size: 13px;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
			}

			.trademark_inspectSceneHeardItemsLeft {
				display: flex;
				align-items: center;

				&>span {
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 36rpx;
					color: #333333;
				}
			}

			.trademark_inspectSceneHeardItems {
				flex: 0 0 312rpx;
				width: 312rpx;
				height: 60rpx;
				align-items: center;
				line-height: 60rpx;
				background: #f7f7f7;
				padding: 16rpx;
				box-sizing: border-box;
				margin-bottom: 14rpx;
				opacity: 1;
				border-radius: 16rpx;
				display: flex;
				justify-content: space-between;
			}

			.trademark_inspectHeardTop {
				display: flex;
				margin-bottom: 24rpx;

				image {
					width: 42rpx;
					height: 42rpx;
					margin-right: 6rpx;
				}

				&>view {
					height: 42rpx;
					font-size: 30rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 42rpx;
					color: #333333;
				}

			}

			.trademark_inspectSiteItemsEnd {
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				flex: 1;
			}

			.trademark_inspectSiteItemsEnds {
				display: flex;

				span {
					display: inline-block;
				}

				span:nth-child(1) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #7f7f7f;
				}

				span:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #333333;
				}
			}



			.trademark_inspectSiteItemsText {
				flex: 0 0 288rpx;

				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 30rpx;
				color: #333333;
			}

			.trademark_inspectSiteItemsIndex {
				width: 34rpx;
				height: 34rpx;
				flex: 0 0 34rpx;
				line-height: 34rpx;
				background: #FFDE16;
				opacity: 1;
				border-radius: 8rpx;
				text-align: center;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				color: #333333;
				margin-right: 32rpx;
			}

			.trademark_inspectWeightBrandEnd {
				height: 28rpx;
				font-size: 20rpx;
				margin-top: 16rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 28rpx;
				color: #999999;
				text-align: center;
			}

			.trademark_inspectWeightBrandBg {
				width: 100%;
				height: 300;
				margin-top: 20rpx;

				image {
					width: 100%;
					height: 100%;
				}

				.brandCharts {
					width: 590rpx;
					height: 300;

				}
			}

			.trademark_inspectWeightHeard {
				display: flex;

			}

			.trademark_inspectWeightBrand {
				flex: 1;

				// margin-bottom: 20rpx;
				p {
					text-align: center;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
				}

				p:nth-child(1) {
					height: 56rpx;
					font-size: 40rpx;
					font-family: DIN;
					font-weight: bold;
					line-height: 56rpx;
					margin-top: 8rpx;
					color: #333333;
				}
			}

			.trademark_inspectSiteItems {
				display: flex;
				align-items: center;
				padding: 16rpx;
				box-sizing: border-box;
			}

			.trademark_inspectWeightSite {
				width: 638rpx;
				border-radius: 16rpx;
			}

			.trademark_inspectHeard {
				width: 686rpx;
				background: #fff;
				opacity: 1;
				border-radius: 24rpx;
				margin: 16rpx 0 24rpx;
				padding: 24rpx;
				box-sizing: border-box;
				border-bottom: 1rpx transparent solid;

			}

			.trademark_inspectSceneBott {
				padding-bottom: 0;
			}

			.trademark_inspectWeightBut01 {
				width: 590rpx;
				height: 82rpx;
				line-height: 82rpx;
				background: #EBEBEB;
				border-radius: 16rpx;
				margin-top: 16rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.trademark_inspectHeardBotton {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}

			.trademark_inspectHeardBottonItemsCl {
				justify-content: center;
			}

			.trademark_inspectHeardBottonItemsBoxCl {
				display: inline-block !important;
				flex: 0 0 126rpx !important;
			}

			.trademark_inspectHeardBottonItemsBox {
				height: 36rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
				flex: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				display: flex;
				align-items: center;

				span {
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 36rpx;
					color: #333333;
					flex: 1;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				image {
					width: 24rpx !important;
					height: 24rpx !important;
				}
			}

			.trademark_inspectWeightTu01 {


				image {
					width: 100%;
					height: 100%;
				}

				.charts {
					width: 590rpx;
					height: 580rpx;
				}
			}


			.trademark_inspectWeight {
				width: 638rpx;
				padding: 24rpx;
				display: flex;
				flex-direction: column;
				opacity: 1;
				border-radius: 16rpx;
				box-sizing: border-box;
				background: #F7F7F7;

				span:nth-child(1) {
					display: inline-block;
					height: 42rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 42rpx;
					color: #898989;
				}

				span:nth-child(2) {
					display: inline-block;
					height: 42rpx;
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 42rpx;
					color: #333;
				}
			}

			.trademark_inspectHeardBottonItems {
				width: 312rpx;
				height: 66rpx;
				align-items: center;
				background: #f6f6f6;
				opacity: 1;
				border-radius: 16rpx;
				margin-bottom: 24rpx;
				padding: 16rpx;
				display: flex;
				box-sizing: border-box;

				&>view:nth-child(1) {
					flex: 1;
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 36rpx;
					color: #999999;
				}

				&>view:nth-child(2) {
					flex: 0 0 150rpx;
					display: flex;
					align-items: center;
					overflow: hidden;
					text-overflow: ellipsis;
					overflow: hidden;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.trademark_assessbox_body {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;

			}

			.trademark_assessbox_bodyitems {
				width: 308rpx;
				height: 200rpx;
				background: #f7f7f7;
				border-radius: 16rpx;
				padding: 24rpx;
				box-sizing: border-box;
				margin-bottom: 22rpx;
			}

			.trademark_assessbox_bodyitemstbotton {
				height: 42rpx;
				line-height: 42rpx;
				display: inline-block;
				padding: 0 12rpx;
				background: rgba(252, 229, 81, 0.39);
				border-radius: 8rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #666666;
			}

			.trademark_assessbox_bodyitemstcent {
				margin: 16rpx 0 8rpx 0;
				display: flex;
				justify-content: space-between;

				span {
					height: 58rpx;
					font-size: 42rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 58rpx;
					color: #333333;
					opacity: 1;
				}

				span:nth-child(2) {
					color: #FF471C;
				}
			}

			.trademark_assessbox_bodyitemstop {
				display: flex;
				justify-content: space-between;

				span {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.assess_heardBoxP {
				display: flex;
				justify-content: center;
				align-items: center;

				span:nth-child(2) {
					display: inline-block;
					height: 42rpx;
					line-height: 42rpx;
					background: #ffffff;
					opacity: 1;
					border-radius: 12rpx;
					margin-left: 12rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					padding: 0 12rpx;
					color: #333333;
				}
			}

			.assessBoxBig {
				left: 50%;
				transform: translateX(-50%);
				position: absolute;
				padding: 0 32rpx;
				box-sizing: border-box;
				background: #FFDF13;
				padding-bottom: 52rpx;
				width: 100%;
			}

			.assessBox_statusBoxItems {
				width: 308rpx;
				height: 154rpx;
				border-radius: 16rpx;
				padding: 24rpx;
				box-sizing: border-box;
				background-color: #f7f7f7;
				margin-bottom: 22rpx;

			}

			.pages_end {
				padding: 32rpx 0 48rpx 0;
				text-align: center;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				color: #CCCCCC;
			}


			// .assessBox_statusBoxItems:nth-child(3) {
			// 	margin-top: 14rpx;
			// }

			// .assessBox_statusBoxItems:nth-child(4) {
			// 	margin-top: 14rpx;
			// }

			.assessBox_statusBoxItemsTop {
				display: flex;
				justify-content: space-between;

				span {
					display: inline-block;
					margin-left: 4rpx;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;

				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.assessHeardImg {
				position: absolute;
				width: 100%;
			}

			.assess_heardBoxPBox {
				height: 32rpx;
				display: flex;
				align-items: center;
				background: #fff8d8;
				border-radius: 20rpx;
				padding: 0 16rpx;
				box-sizing: border-box;
				margin: 0 auto;

				image {
					width: 20rpx;
					height: 20rpx;
					margin-right: 6rpx;
				}

				span {
					display: inline-block;
					height: 26rpx;
					font-size: 18rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 26rpx;
					color: #999999;
				}
			}

			.assess_heardBoxPBoxItems {
				flex: 1;
				text-align: center;

				p:nth-child(1) {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
					margin-bottom: 4rpx;
				}

				p:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #94853a;
				}
			}

			.pages_intelligenceHeard {
				display: flex;
				justify-content: space-between;
				box-sizing: border-box;
			}

			.cuisinePricingBox_mainItemss {
				display: flex;
				padding-bottom: 24rpx;
			}

			.trademark_assessbox_numHeardBody {
				span {
					display: inline-block;
					background: #f4f4f4;
					text-align: center;
					width: 194rpx;
					height: 60rpx;
					line-height: 60rpx;
					border-radius: 8rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #666666;
					margin: 0 24rpx 24rpx 0;
				}

				span:nth-child(3n) {
					margin-right: 0;
				}
			}

			.trademark_assessbox_numHeardTop {
				display: flex;
				align-items: flex-end;

				image {
					width: 44rpx;
					height: 44rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 44rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: 600;
					line-height: 44rpx;
					color: #333333;
				}
			}

			.trademark_assessbox_numHeard {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				margin-bottom: 32rpx;

				&>view:nth-child(2) {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #999999;
				}
			}

			.trademark_assessbox {
				width: 686rpx;
				background: #fff;
				opacity: 1;
				border-radius: 24rpx;
				padding: 24rpx;
				padding-bottom: 0;
				box-sizing: border-box;
			}

			.numBox {
				margin: 24rpx 0;
			}

			.trademark_assessbox_heard {
				height: 130rpx;
				background: linear-gradient(90deg, rgba(255, 218, 45, 0) 0%, #FEF8CE 50%, rgba(255, 218, 45, 0) 100%);
				border-radius: 16rpx;
				display: flex;
				align-items: center;
				margin-bottom: 16rpx;

				&>view:nth-child(2) {
					flex: 6;
					height: 80rpx;
					font-size: 56rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 80rpx;
					color: #FF8900;
					text-align: left;
				}
			}

			.trademark_assessbox_heard_top {
				flex: 7;

				p {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
					text-align: right;
				}

				p:nth-child(2) {
					padding-right: 26rpx;
				}
			}

			.cuisinePricingBox_mainItemsImgBox {
				width: 144rpx;
				height: 144rpx;
				margin-right: 24rpx;
				border-radius: 16rpx;
				flex: 0 0 144rpx;
				overflow: hidden;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.cuisinePricingBox_mainItemsImgBoxRight {
				flex: 1;

			}

			.cuisinePricingBox_mainItemsImgBoxRightName {
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 40rpx;
				color: #333333;
			}

			.cuisinePricingBox_mainItemsImgBoxRightBottonBox {
				display: flex;
			}

			.cuisinePricingBox_mainItemsImgBoxRightTops {
				flex: 1;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
				}
			}

			.cuisinePricingBox_main {
				margin-top: 32rpx;
				display: flex;

			}

			.pages_intelligenceHeardLeft {
				// border-left: 8rpx solid #FFDA2D;
				height: 44rpx;
				font-size: 32rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				line-height: 44rpx;
				color: #333333;
				margin-top: 32rpx;
				position: relative;
				padding-left: 22rpx;
				font-weight: bold;

				&::after {
					content: "";
					width: 8rpx;
					height: 32rpx;
					position: absolute;
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					background: #333;

				}
			}

			.cuisinePricingBox_mainItems_text {
				height: 34rpx;
				margin-top: 8rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #999999;
			}

			.cuisinePricingBox_mainitesText {
				height: 38rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 38rpx;
				color: #000000;
				text-align: center;
				flex: 1;
			}

			.cuisinePricingBox_mainitesImg {
				width: 122rpx;
				height: 122rpx;
				border-radius: 24rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.cuisinePricingBox_mainites {
				display: inline-block;
				width: 310rpx;
				height: 122rpx;
				display: flex;
				background: #f7f7f7;
				border-radius: 24rpx;
				align-items: center;
				margin-top: 16rpx;
			}

			.cuisineBox_heardTwoMain {
				margin-top: 16rpx;

				span {
					display: inline-block;
					height: 42rpx;
					line-height: 42rpx;
					text-align: center;
					padding: 0 12rpx;
					border-radius: 10rpx;
					background-color: #FFDA2D;
					margin-right: 16rpx;
					margin-bottom: 16rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: bold;

				}
			}

			.cuisinePricingBox_mainItems {
				display: flex;
				flex: 1;
				flex-direction: column;

				.cuisinePricingBox_mainItemsTiao {
					flex: 0 !important;
					height: 34rpx !important;
					font-size: 24rpx !important;
					font-family: PingFang SC;
					font-weight: 400 !important;
					line-height: 34rpx !important;
					color: #999999 !important;
					// margin-left: 24rpx;
					margin-left: 34rpx;
					margin-bottom: 16rpx !important;

				}

				view:nth-child(1) {
					flex: 1;
					height: 34rpx;
					display: flex;
					align-items: center;
				}

			}

			.cuisinePricingBox_mainItems:nth-child(1) {
				margin-right: 46rpx;
			}

			.cuisinePricingBox_mainItemsBotton {
				display: flex;
				justify-content: start;
				margin-bottom: 16rpx;
				text-align: center;

				span {
					display: inline-block;
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
				}

				span:nth-child(1) {
					width: 12rpx;
					height: 12rpx;
					background: #FFDA2D;
					border-radius: 50%;
					margin-right: 24rpx;
				}

				span:nth-child(3) {
					color: #FF471C;
				}
			}

			.cuisinePricingBox_mainItemsBotton-annular {
				justify-content: center;
			}

			.cuisinePricingBox_mainItemsBotton-annularBot {
				width: 200rpx !important;
				height: 200rpx !important;
				margin: 0 auto 16rpx !important;
				flex: 1 !important;


				image {
					width: 100%;
					height: 100%;
				}
			}


			.cuisinePricingBox {
				padding: 24rpx;
				padding-bottom: 0;
				border-radius: 24rpx;
				background: #fff;
				margin: 24rpx 0;
			}

			.assessBox_statusBox {
				background-color: #fff;
				border-radius: 24rpx;
				// padding: 24rpx;
				display: flex;
				justify-content: space-evenly;
				align-items: space-evenly;
				flex-wrap: wrap;
			}

			.analyse_people_box {
				width: 100%;
				box-sizing: border-box;
				border-radius: 16rpx;
				padding: 24rpx;
				background: #F7F7F7;

			}

			.analyse_people_boxEnd {
				width: 100%;
				height: 220rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.analyse_people_boxHeard {
				display: flex;
				justify-content: space-between;

			}

			.analyse_people_boxHeardRight {
				display: flex;
				align-items: center;
			}

			.analyse_people_boxHeardRightItem {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-left: 24rpx;

				span {
					display: inline-block;
				}

				span:nth-child(1) {
					width: 12rpx;
					height: 12rpx;
					background: #FF8900;
					border-radius: 50%;
				}

				span:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #666666;
					margin-left: 8rpx;
				}
			}

			.analyse_people_boxHeardLeft {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #666666;

			}

			.assess_heardBox {
				position: absolute;
				left: 0;
				width: 100%;
				margin: 48rpx 0 68rpx 0;
				display: flex;
				flex-direction: column;

				p {
					text-align: center;
				}

				p:nth-child(1) {
					height: 56rpx;
					font-size: 40rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 56rpx;
					color: #343434;
					margin-bottom: 8rpx;
				}

				&>p:nth-child(2) {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 40rpx;
					color: #343434;
					margin-bottom: 24rpx;
				}
			}

			.red {
				color: #FF471C !important;
			}

			.green {
				color: #3AD346 !important;
			}

			.study_heardBottomProgress {
				width: 100%;
				background-color: #F7F7F7;

				height: 80rpx;
				opacity: 1;
				border-radius: 16rpx;
				padding: 16rpx;
				box-sizing: border-box;
			}

			/deep/.u-line-progress__background {
				border-radius: 8rpx !important;
			}

			.study_heardBottomTop {
				/deep/.u-line-progress {
					border-radius: 8rpx !important;
				}
			}


			/deep/.u-line-progress__line {
				border-radius: 8rpx !important;
			}

			.assessBox_statusBoxItemsTu06TopTextBox {
				display: flex;
				justify-content: space-between;
				position: relative;

				span {
					display: inline-block;
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
				}
			}

			.assessBox_statusBoxItemsTu06BottonBox {
				display: flex;
				// justify-content: space-between;
				height: 255rpx;
				align-items: center;
				// overflow: hidden;
				// height: 240rpx;
				//     display: flex;
				//     /* flex-direction: column; */
				//     align-items: center;
				//     /* flex-wrap: nowrap; */
				//     justify-content: space-around;
			}

			.assessBox_statusBoxItemsTu06BottonBoxItem {
				width: 48rpx;
				height: 168rpx;
				border-radius: 8rpx;
				background-color: #f7f7f7;
				display: flex;
				align-items: center;
				margin-right: 10rpx;
				overflow: hidden;


				// transform: rotate(180deg);


			}

			.assessBox_statusBoxItemsTu06BottonBoxItem:last-child {
				margin-right: 0rpx;
			}

			.assessBox_statusBoxItemsTu06BottonBoxItem-act {
				height: 216rpx;
				background-color: #fff9dd !important;
			}

			.assessBox_statusBoxItemsTu06TopBottonBox {
				display: inline-block;
				position: absolute;
				bottom: -32rpx;
				left: 326rpx;
				width: 0;
				height: 0;
				border: 16rpx solid transparent;
				border-top: 16rpx solid #FFDA2D;
			}

			.assessBox_statusBoxItemsTu06TopBox {
				position: relative;
				padding: 22rpx 24rpx;
				box-sizing: border-box;
				border-bottom: 4rpx solid #FFDA2D;
				background: #fffae6;
				border-radius: 24rpx 24rpx 0 0;

			}

			.assessBox_statusBoxItemsTu06 {
				width: 100%;
				height: 320rpx;
				margin-bottom: 22rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.assessBox_statusBoxItemsBotton {
				margin-top: 16rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				span {
					display: inline-block;
					height: 58rpx;
					font-size: 42rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 58rpx;
					color: #333333;
				}

				span:nth-child(2) {
					font-size: 32rpx;
				}
			}

			.assessBox_statusBoxItemsBotton_gao {
				justify-content: start;
				align-items: flex-end;

				span:nth-child(2) {
					font-size: 30rpx;
					height: 39rpx;
					line-height: 30rpx;
				}
			}

			.study_heardBottomTop {
				margin-bottom: 22rpx;
			}

			.study_heardBottomTopTTOPOO {
				padding: 0 24rpx;
				margin-top: 30rpx;
			}

			.study_heardBottomTopTTOP {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #666666;
			}

			.study_percentage {
				display: inline-block;
				padding-bottom: 12rpx;
				position: relative;
				left: 385rpx;
			}

			.study_percentageBotton {
				display: inline-block;
				width: 0;
				height: 0;
				border: 12rpx solid transparent;
				border-top: 12rpx solid #fff9dd;
				position: absolute;
				bottom: -12rpx;
				left: 30rpx;

			}

			.study_percentageTop {
				display: flex;
				align-items: center;
				background-color: #fff9dd;
				border-radius: 40rpx;
				padding: 8rpx 20rpx 8rpx 8rpx;
				box-sizing: border-box;

				image:nth-child(1) {
					width: 64rpx;
					height: 64rpx;
				}

				.study_percentageText {
					margin: 0 8rpx;

					span {
						display: inline-block;
						height: 64rpx;
						font-size: 32rpx;
						font-family: YouSheBiaoTiHei;
						font-weight: bold;
						line-height: 64rpx;
						color: #333333;
					}

					span:nth-child(2) {
						font-size: 26rpx;
					}
				}

				image:nth-child(3) {
					width: 32rpx;
					height: 32rpx;
				}


			}

			.kong {
				position: fixed;
				top: 50%;
				font-size: 46rpx;
				text-align: center;
				width: 100%;
				color: #999;
			}
		}

		.myGround {
			.analyse_catalog_box {
				width: 100%;
				border-radius: 24rpx;
				padding: 32rpx 24rpx;
				background-color: #fff;
				box-sizing: border-box;
				position: relative;
			}

			.tabsScllorTopBox {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}


			.tabsScllorTopBoxLeft {
				display: flex;
				align-items: center;

				image {
					width: 40rpx;
					height: 40rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 44rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: 600;
					line-height: 44rpx;
					color: #333333;
				}
			}

			.tabsScllorConBox {
				height: 76rpx;
				background: #F7F7F7;
				border-radius: 16rpx;
				display: flex;
				padding: 0 8rpx;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 32rpx 0 98rpx 0;
				overflow: hidden;

			}

			.tabsScllorBottonBoxx {
				position: absolute;
				left: 0;
				bottom: 32rpx;
				height: 60rpx;
				overflow-x: scroll;
				overflow-y: hidden;
				width: 100%;
			}

			.tabsScllorBottonBox {
				white-space: nowrap;

				span {
					text-align: center;
					display: inline-block;
					width: 210rpx;
					height: 60rpx;
					opacity: 1;
					border-radius: 12rpx;
					box-sizing: border-box;
					margin-left: 32rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 60rpx;
					background: #f7f7f7;
					border: 2rpx solid #f7f7f7;
					color: #999999;
				}

				span:last-child {
					margin-right: 32rpx;
				}

				.act {
					color: #333333;
					font-weight: bold;
					background: rgba(255, 242, 178, 1);
					border: 2rpx solid #FFDA2D;
				}

			}

			.tabsScllorConBoxItems {
				width: 190rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;

				border-radius: 12rpx;
				font-size: 28rpx;
				font-family: PingFang SC;


				background: #f7f7f7;
				color: #999999;
			}

			.tabsScllorConBoxItems_act {
				color: #333333;
				background: #FFDF13;
				font-weight: bold;
			}

			.tabsScllorTopBoxRight {
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
			}

			.tabsScllorBotton {
				display: flex;
				align-items: center;
				justify-content: center;
				padding-top: 32rpx;

				image {
					width: 24rpx;
					height: 24rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;
				}
			}

			.tabsScllorBottonTop {
				transform: rotateZ(180deg);
			}

			.tabsScllorTop {

				border-top: 1rpx solid transparent;

				span {
					display: inline-block;
					margin-top: 32rpx;
					margin-right: 48rpx;
					width: 196rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					background: #f4f4f4;
					opacity: 1;
					border-radius: 8rpx;
					color: #666666;
					font-size: 28rpx;
				}



				span:nth-child(3n) {
					margin-right: 0;
				}


			}

			.act {
				background: rgba(255, 242, 178, 1) !important;
				color: #000 !important;
			}

			.tabsScllor {
				transition: all 1.5s;
				position: fixed;
				top: 0;
				left: 0;
				background-color: #fff;
				width: 100%;
				padding: 32rpx;
				box-sizing: border-box;
				z-index: 2;
				box-shadow: 0 0 30rpx 4rpx #ddd;
			}

			.trademark_inspectCuisineHeard {
				display: flex;
				align-items: center;
				padding: 0 16rpx;
				box-sizing: border-box;
				margin-bottom: 8rpx;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: normal;
					line-height: 34rpx;
					color: #7f7f7f;

				}

				span:nth-child(1) {
					flex: 0 0 96rpx;
					width: 96rpx;
					margin-right: 31rpx;

				}

				span:nth-child(2) {
					flex: 1;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;

				}

				span:nth-child(3) {
					flex: 0 0 74rpx;

				}

				span:nth-child(4) {
					flex: 0 0 160rpx;
					text-align: right;

				}

			}

			.white {
				background-color: #fff !important;
			}

			.trademark_inspectCuisineBox {
				border-radius: 16rpx;
				overflow: hidden;
			}

			.trademark_inspectCuisineHeardItem {
				display: flex;
				align-items: center;
				padding: 16rpx;
				box-sizing: border-box;
				background: #f7f7f7;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #333;

				}

				span:nth-child(1) {
					flex: 0 0 104rpx;
					margin-right: 24rpx;
					width: 104rpx;
					height: 38rpx;
					line-height: 38rpx;
					background: #ebebeb;
					opacity: 1;
					border-radius: 8rpx;
					text-align: center;

				}

				span:nth-child(2) {
					flex: 1;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					height: 38rpx;
					line-height: 38rpx;


				}

				span:nth-child(3) {
					flex: 0 0 74rpx;

				}

				span:nth-child(4) {
					flex: 0 0 160rpx;

				}

				.trademark_inspectHeardBottonItemsBox {
					flex: 0 0 160rpx;
					width: 160rpx;
					justify-content: flex-end;

					image {
						width: 32rpx;
						height: 32rpx;
					}
				}
			}

			.trademark_inspectSceneImgBox {
				width: 100%;
				height: 400rpx;
				display: flex;
				justify-content: center;
				margin: 0rpx 0 24rpx 0;

				image {
					height: 400rpx;
					width: 400rpx;
				}

				.sceneCharts {
					height: 400rpx;
					width: 400rpx;
				}

				.serveCharts {
					height: 400rpx;
					width: 400rpx;
				}

				.strategyCharts {
					height: 400rpx;
					width: 400rpx;
				}
			}

			.trademark_inspectSceneHeard {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}

			.trademark_inspectSceneHeardDian {
				border-radius: 50%;
				display: inline-block;
				width: 12rpx;
				height: 12rpx !important;
				margin-right: 8rpx;
			}

			.trademark_inspectSceneHeardItemsRight {
				height: 36rpx;
				font-size: 13px;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
			}

			.trademark_inspectSceneHeardItemsLeft {
				display: flex;
				align-items: center;

				&>span {
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 36rpx;
					color: #333333;
				}
			}

			.trademark_inspectSceneHeardItems {
				flex: 0 0 312rpx;
				width: 312rpx;
				height: 60rpx;
				align-items: center;
				line-height: 60rpx;
				background: #f7f7f7;
				padding: 16rpx;
				box-sizing: border-box;
				margin-bottom: 14rpx;
				opacity: 1;
				border-radius: 16rpx;
				display: flex;
				justify-content: space-between;
			}

			.trademark_inspectHeardTop {
				display: flex;
				margin-bottom: 24rpx;

				image {
					width: 42rpx;
					height: 42rpx;
					margin-right: 6rpx;
				}

				&>view {
					height: 42rpx;
					font-size: 30rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 42rpx;
					color: #333333;
				}

			}

			.trademark_inspectSiteItemsEnd {
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				flex: 1;
			}

			.trademark_inspectSiteItemsEnds {
				display: flex;

				span {
					display: inline-block;
				}

				span:nth-child(1) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #7f7f7f;
				}

				span:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #333333;
				}
			}



			.trademark_inspectSiteItemsText {
				flex: 0 0 288rpx;

				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 30rpx;
				color: #333333;
			}

			.trademark_inspectSiteItemsIndex {
				width: 34rpx;
				height: 34rpx;
				flex: 0 0 34rpx;
				line-height: 34rpx;
				background: #FFDE16;
				opacity: 1;
				border-radius: 8rpx;
				text-align: center;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				color: #333333;
				margin-right: 32rpx;
			}

			.trademark_inspectWeightBrandEnd {
				height: 28rpx;
				font-size: 20rpx;
				margin-top: 16rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 28rpx;
				color: #999999;
				text-align: center;
			}

			.trademark_inspectWeightBrandBg {
				width: 100%;
				height: 300;
				margin-top: 20rpx;

				image {
					width: 100%;
					height: 100%;
				}

				.brandCharts {
					width: 590rpx;
					height: 300;

				}
			}

			.trademark_inspectWeightHeard {
				display: flex;

			}

			.trademark_inspectWeightBrand {
				flex: 1;

				// margin-bottom: 20rpx;
				p {
					text-align: center;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
				}

				p:nth-child(1) {
					height: 56rpx;
					font-size: 40rpx;
					font-family: DIN;
					font-weight: bold;
					line-height: 56rpx;
					margin-top: 8rpx;
					color: #333333;
				}
			}

			.trademark_inspectSiteItems {
				display: flex;
				align-items: center;
				padding: 16rpx;
				box-sizing: border-box;
			}

			.trademark_inspectWeightSite {
				width: 638rpx;
				border-radius: 16rpx;
			}

			.trademark_inspectHeard {
				width: 686rpx;
				background: #fff;
				opacity: 1;
				border-radius: 24rpx;
				margin: 16rpx 0 24rpx;
				padding: 24rpx;
				box-sizing: border-box;
				border-bottom: 1rpx transparent solid;

			}

			.trademark_inspectSceneBott {
				padding-bottom: 0;
			}

			.trademark_inspectWeightBut01 {
				width: 590rpx;
				height: 82rpx;
				line-height: 82rpx;
				background: #EBEBEB;
				border-radius: 16rpx;
				margin-top: 16rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.trademark_inspectHeardBotton {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}

			.trademark_inspectHeardBottonItemsCl {
				justify-content: center;
			}

			.trademark_inspectHeardBottonItemsBoxCl {
				display: inline-block !important;
				flex: 0 0 126rpx !important;
			}

			.trademark_inspectHeardBottonItemsBox {
				height: 36rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
				flex: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				display: flex;
				align-items: center;

				span {
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 36rpx;
					color: #333333;
					flex: 1;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				image {
					width: 24rpx !important;
					height: 24rpx !important;
				}
			}

			.trademark_inspectWeightTu01 {


				image {
					width: 100%;
					height: 100%;
				}

				.charts {
					width: 590rpx;
					height: 580rpx;
				}
			}


			.trademark_inspectWeight {
				width: 638rpx;
				padding: 24rpx;
				display: flex;
				flex-direction: column;
				opacity: 1;
				border-radius: 16rpx;
				box-sizing: border-box;
				background: #F7F7F7;

				span:nth-child(1) {
					display: inline-block;
					height: 42rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 42rpx;
					color: #898989;
				}

				span:nth-child(2) {
					display: inline-block;
					height: 42rpx;
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 42rpx;
					color: #333;
				}
			}

			.trademark_inspectHeardBottonItems {
				width: 312rpx;
				height: 66rpx;
				align-items: center;
				background: #f6f6f6;
				opacity: 1;
				border-radius: 16rpx;
				margin-bottom: 24rpx;
				padding: 16rpx;
				display: flex;
				box-sizing: border-box;

				&>view:nth-child(1) {
					flex: 1;
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 36rpx;
					color: #999999;
				}

				&>view:nth-child(2) {
					flex: 0 0 150rpx;
					display: flex;
					align-items: center;
					overflow: hidden;
					text-overflow: ellipsis;
					overflow: hidden;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.trademark_assessbox_body {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;

			}

			.trademark_assessbox_bodyitems {
				width: 308rpx;
				height: 200rpx;
				background: #f7f7f7;
				border-radius: 16rpx;
				padding: 24rpx;
				box-sizing: border-box;
				margin-bottom: 22rpx;
			}

			.trademark_assessbox_bodyitemstbotton {
				height: 42rpx;
				line-height: 42rpx;
				display: inline-block;
				padding: 0 12rpx;
				background: rgba(252, 229, 81, 0.39);
				border-radius: 8rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #666666;
			}

			.trademark_assessbox_bodyitemstcent {
				margin: 16rpx 0 8rpx 0;
				display: flex;
				justify-content: space-between;

				span {
					height: 58rpx;
					font-size: 42rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 58rpx;
					color: #333333;
					opacity: 1;
				}

				span:nth-child(2) {
					color: #FF471C;
				}
			}

			.trademark_assessbox_bodyitemstop {
				display: flex;
				justify-content: space-between;

				span {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.assess_heardBoxP {
				display: flex;
				justify-content: center;
				align-items: center;

				span:nth-child(2) {
					display: inline-block;
					height: 42rpx;
					line-height: 42rpx;
					background: #ffffff;
					opacity: 1;
					border-radius: 12rpx;
					margin-left: 12rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					padding: 0 12rpx;
					color: #333333;
				}
			}

			.assessBoxBig {
				left: 50%;
				transform: translateX(-50%);
				position: absolute;
				padding: 0 32rpx;
				box-sizing: border-box;
				background: #FFDF13;
				padding-bottom: 52rpx;
				width: 100%;
			}

			.assessBox_statusBoxItems {
				width: 308rpx;
				height: 154rpx;
				border-radius: 16rpx;
				padding: 24rpx;
				box-sizing: border-box;
				background-color: #f7f7f7;
				margin-bottom: 22rpx;

			}

			.pages_end {
				padding: 32rpx 0 48rpx 0;
				text-align: center;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				color: #CCCCCC;
			}


			// .assessBox_statusBoxItems:nth-child(3) {
			// 	margin-top: 14rpx;
			// }

			// .assessBox_statusBoxItems:nth-child(4) {
			// 	margin-top: 14rpx;
			// }

			.assessBox_statusBoxItemsTop {
				display: flex;
				justify-content: space-between;

				span {
					display: inline-block;
					margin-left: 4rpx;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;

				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.assessHeardImg {
				position: absolute;
				width: 100%;
			}

			.assess_heardBoxPBox {
				height: 32rpx;
				display: flex;
				align-items: center;
				background: #fff8d8;
				border-radius: 20rpx;
				padding: 0 16rpx;
				box-sizing: border-box;
				margin: 0 auto;

				image {
					width: 20rpx;
					height: 20rpx;
					margin-right: 6rpx;
				}

				span {
					display: inline-block;
					height: 26rpx;
					font-size: 18rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 26rpx;
					color: #999999;
				}
			}

			.assess_heardBoxPBoxItems {
				flex: 1;
				text-align: center;

				p:nth-child(1) {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
					margin-bottom: 4rpx;
				}

				p:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #94853a;
				}
			}

			.pages_intelligenceHeard {
				display: flex;
				justify-content: space-between;
				box-sizing: border-box;
			}

			.cuisinePricingBox_mainItemss {
				display: flex;
				padding-bottom: 24rpx;
			}

			.trademark_assessbox_numHeardBody {
				span {
					display: inline-block;
					background: #f4f4f4;
					text-align: center;
					width: 194rpx;
					height: 60rpx;
					line-height: 60rpx;
					border-radius: 8rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #666666;
					margin: 0 24rpx 24rpx 0;
				}

				span:nth-child(3n) {
					margin-right: 0;
				}
			}

			.trademark_assessbox_numHeardTop {
				display: flex;
				align-items: flex-end;

				image {
					width: 44rpx;
					height: 44rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 44rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: 600;
					line-height: 44rpx;
					color: #333333;
				}
			}

			.trademark_assessbox_numHeard {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				margin-bottom: 32rpx;

				&>view:nth-child(2) {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #999999;
				}
			}

			.trademark_assessbox {
				width: 686rpx;
				background: #fff;
				opacity: 1;
				border-radius: 24rpx;
				padding: 24rpx;
				padding-bottom: 0;
				box-sizing: border-box;
			}

			.numBox {
				margin: 24rpx 0;
			}

			.trademark_assessbox_heard {
				height: 130rpx;
				background: linear-gradient(90deg, rgba(255, 218, 45, 0) 0%, #FEF8CE 50%, rgba(255, 218, 45, 0) 100%);
				border-radius: 16rpx;
				display: flex;
				align-items: center;
				margin-bottom: 16rpx;

				&>view:nth-child(2) {
					flex: 6;
					height: 80rpx;
					font-size: 56rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 80rpx;
					color: #FF8900;
					text-align: left;
				}
			}

			.trademark_assessbox_heard_top {
				flex: 7;

				p {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
					text-align: right;
				}

				p:nth-child(2) {
					padding-right: 26rpx;
				}
			}

			.cuisinePricingBox_mainItemsImgBox {
				width: 144rpx;
				height: 144rpx;
				margin-right: 24rpx;
				border-radius: 16rpx;
				flex: 0 0 144rpx;
				overflow: hidden;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.cuisinePricingBox_mainItemsImgBoxRight {
				flex: 1;

			}

			.cuisinePricingBox_mainItemsImgBoxRightName {
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 40rpx;
				color: #333333;
			}

			.cuisinePricingBox_mainItemsImgBoxRightBottonBox {
				display: flex;
			}

			.cuisinePricingBox_mainItemsImgBoxRightTops {
				flex: 1;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
				}
			}

			.cuisinePricingBox_main {
				margin-top: 32rpx;
				display: flex;

			}

			/deep/.u-modal__title {
				line-height: 56rpx !important;
			}

			/deep/.u-modal__content {
				padding: 12px 25px 15px 25px !important;
			}


			.pages_intelligenceHeardLeft {
				// border-left: 8rpx solid #FFDA2D;
				height: 44rpx;
				font-size: 32rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				line-height: 44rpx;
				color: #333333;
				margin-top: 32rpx;
				position: relative;
				padding-left: 22rpx;
				font-weight: bold;

				&::after {
					content: "";
					width: 8rpx;
					height: 32rpx;
					position: absolute;
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					background: #333;

				}
			}

			.cuisinePricingBox_mainItems_text {
				height: 34rpx;
				margin-top: 8rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #999999;
			}

			.cuisinePricingBox_mainitesText {
				height: 38rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 38rpx;
				color: #000000;
				text-align: center;
				flex: 1;
			}

			.cuisinePricingBox_mainitesImg {
				width: 122rpx;
				height: 122rpx;
				border-radius: 24rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.cuisinePricingBox_mainites {
				display: inline-block;
				width: 310rpx;
				height: 122rpx;
				display: flex;
				background: #f7f7f7;
				border-radius: 24rpx;
				align-items: center;
				margin-top: 16rpx;
			}

			.cuisineBox_heardTwoMain {
				margin-top: 16rpx;

				span {
					display: inline-block;
					height: 42rpx;
					line-height: 42rpx;
					text-align: center;
					padding: 0 12rpx;
					border-radius: 10rpx;
					background-color: #FFDA2D;
					margin-right: 16rpx;
					margin-bottom: 16rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: bold;

				}
			}

			.cuisinePricingBox_mainItems {
				// display: flex;
				flex: 1;

				view:nth-child(2) {

					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
					// margin-left: 24rpx;
					margin-bottom: 16rpx;

				}

				view:nth-child(1) {
					flex: 1;
					height: 34rpx;
					display: flex;
					align-items: center;
				}

			}

			.cuisinePricingBox_mainItems:nth-child(1) {
				margin-right: 46rpx;
			}

			.cuisinePricingBox_mainItemsBotton {
				display: flex;
				justify-content: start;
				margin-bottom: 16rpx;
				text-align: center;

				span {
					display: inline-block;
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
				}

				span:nth-child(1) {
					width: 12rpx;
					height: 12rpx;
					background: #FFDA2D;
					border-radius: 50%;
					margin-right: 24rpx;
				}

				span:nth-child(3) {
					color: #FF471C;
				}
			}

			.cuisinePricingBox_mainItemsBotton-annular {
				justify-content: center;
			}

			// 	.cuisinePricingBox_mainItemsBotton-annularBot {
			// 		width: 192rpx;
			// 		height: 192rpx !important;
			// 		margin: 0 auto 16rpx;


			// 		image {
			// 			width: 100%;
			// 			height: 100%;
			// 		}
			// 	}


			.cuisinePricingBox {
				padding: 24rpx;
				padding-bottom: 0;
				border-radius: 24rpx;
				background: #fff;
				margin: 24rpx 0;
			}

			.assessBox_statusBox {
				background-color: #fff;
				border-radius: 24rpx;
				// padding: 24rpx;
				display: flex;
				justify-content: space-evenly;
				align-items: space-evenly;
				flex-wrap: wrap;
			}

			.analyse_people_box {
				width: 100%;
				box-sizing: border-box;
				border-radius: 16rpx;
				padding: 24rpx;
				background: #F7F7F7;

			}

			.analyse_people_boxEnd {
				width: 100%;
				height: 220rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.analyse_people_boxHeard {
				display: flex;
				justify-content: space-between;

			}

			.analyse_people_boxHeardRight {
				display: flex;
				align-items: center;
			}

			.analyse_people_boxHeardRightItem {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-left: 24rpx;

				span {
					display: inline-block;
				}

				span:nth-child(1) {
					width: 12rpx;
					height: 12rpx;
					background: #FF8900;
					border-radius: 50%;
				}

				span:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #666666;
					margin-left: 8rpx;
				}
			}

			.analyse_people_boxHeardLeft {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #666666;

			}

			.assess_heardBox {
				position: absolute;
				left: 0;
				width: 100%;
				margin: 48rpx 0 68rpx 0;
				display: flex;
				flex-direction: column;

				p {
					text-align: center;
				}

				p:nth-child(1) {
					height: 56rpx;
					font-size: 40rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 56rpx;
					color: #343434;
					margin-bottom: 8rpx;
				}

				&>p:nth-child(2) {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 40rpx;
					color: #343434;
					margin-bottom: 24rpx;
				}
			}

			.red {
				color: #FF471C !important;
			}

			.green {
				color: #3AD346 !important;
			}

			.study_heardBottomProgress {
				width: 100%;
				background-color: #F7F7F7;

				height: 80rpx;
				opacity: 1;
				border-radius: 16rpx;
				padding: 16rpx;
				box-sizing: border-box;
			}

			/deep/.u-line-progress__background {
				border-radius: 8rpx !important;
			}

			.study_heardBottomTop {
				/deep/.u-line-progress {
					border-radius: 8rpx !important;
				}
			}


			/deep/.u-line-progress__line {
				border-radius: 8rpx !important;
			}

			.assessBox_statusBoxItemsTu06TopTextBox {
				display: flex;
				justify-content: space-between;
				position: relative;

				span {
					display: inline-block;
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
				}
			}

			.assessBox_statusBoxItemsTu06BottonBox {
				display: flex;
				// justify-content: space-between;
				height: 255rpx;
				align-items: center;
				// height: 240rpx;
				//     display: flex;
				//     /* flex-direction: column; */
				//     align-items: center;
				//     /* flex-wrap: nowrap; */
				//     justify-content: space-around;
			}

			.assessBox_statusBoxItemsTu06BottonBoxItem {
				width: 48rpx;
				height: 168rpx;
				border-radius: 8rpx;
				background-color: #f7f7f7;
				display: flex;
				align-items: center;
				margin-right: 10rpx;
				overflow: hidden;


				// transform: rotate(180deg);


			}

			.assessBox_statusBoxItemsTu06BottonBoxItem-act {
				height: 216rpx;
				background-color: #fff9dd !important;
			}

			.assessBox_statusBoxItemsTu06TopBottonBox {
				display: inline-block;
				position: absolute;
				bottom: -32rpx;
				left: 326rpx;
				width: 0;
				height: 0;
				border: 16rpx solid transparent;
				border-top: 16rpx solid #FFDA2D;
			}

			.assessBox_statusBoxItemsTu06TopBox {
				position: relative;
				padding: 22rpx 24rpx;
				box-sizing: border-box;
				border-bottom: 4rpx solid #FFDA2D;
				background: #fffae6;
				border-radius: 24rpx 24rpx 0 0;

			}

			.assessBox_statusBoxItemsTu06 {
				width: 100%;
				height: 320rpx;
				margin-bottom: 22rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.assessBox_statusBoxItemsBotton {
				margin-top: 16rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				span {
					display: inline-block;
					height: 58rpx;
					font-size: 42rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 58rpx;
					color: #333333;
				}

				span:nth-child(2) {
					font-size: 32rpx;
				}
			}

			.assessBox_statusBoxItemsBotton_gao {
				justify-content: start;
				align-items: flex-end;

				span:nth-child(2) {
					font-size: 30rpx;
					height: 39rpx;
					line-height: 30rpx;
				}
			}

			.study_heardBottomTop {
				margin-bottom: 22rpx;
			}

			.study_heardBottomTopTTOPOO {
				padding: 0 24rpx;
				margin-top: 30rpx;
			}

			.study_heardBottomTopTTOP {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #666666;
			}

			.study_percentage {
				display: inline-block;
				padding-bottom: 12rpx;
				position: relative;
				left: 385rpx;
			}

			.study_percentageBotton {
				display: inline-block;
				width: 0;
				height: 0;
				border: 12rpx solid transparent;
				border-top: 12rpx solid #fff9dd;
				position: absolute;
				bottom: -12rpx;
				left: 30rpx;

			}

			.study_percentageTop {
				display: flex;
				align-items: center;
				background-color: #fff9dd;
				border-radius: 40rpx;
				padding: 8rpx 20rpx 8rpx 8rpx;
				box-sizing: border-box;

				image:nth-child(1) {
					width: 64rpx;
					height: 64rpx;
				}

				.study_percentageText {
					margin: 0 8rpx;

					span {
						display: inline-block;
						height: 64rpx;
						font-size: 32rpx;
						font-family: YouSheBiaoTiHei;
						font-weight: bold;
						line-height: 64rpx;
						color: #333333;
					}

					span:nth-child(2) {
						font-size: 26rpx;
					}
				}

				image:nth-child(3) {
					width: 32rpx;
					height: 32rpx;
				}


			}

			.kong {
				position: fixed;
				top: 50%;
				font-size: 46rpx;
				text-align: center;
				width: 100%;
				color: #999;
			}
		}

		.myProvide {
			.analyse_catalog_box {
				width: 100%;
				border-radius: 24rpx;
				padding: 32rpx 24rpx;
				background-color: #fff;
				box-sizing: border-box;
				position: relative;
				margin-top: 14rpx;
			}

			.analyse_catalog_boxliner {
				padding: 16rpx;
				border-radius: 16rpx;
				background-color: #F7F7F7;
				position: relative;
			}

			.analyse_catalog_boxlinerImg {
				position: absolute;
				top: 0;
				right: 0;
				width: 120rpx;
				height: 120rpx;
			}

			.analyse_catalog_boxlinerTitle {
				padding: 16rpx 0;
				display: flex;

				span {
					flex: 0 0 142rpx;
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
					text-align: center;
				}

				span:nth-child(2) {
					flex: 1
				}
			}

			.whitexx {
				background-color: #fff;
			}

			.analyse_catalog_boxlinerBodyItems {
				padding: 16rpx 0;
				display: flex;

				span {
					flex: 0 0 142rpx;
					// display: inline-block;
					height: 34rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 500;
					color: #333333;
					text-align: center;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					padding: 0 20rpx;
					box-sizing: border-box;
				}

				&>span:nth-child(1) {
					border-right: 2rpx solid #ddd;
				}

				span:nth-child(2) {
					flex: 1;
					position: relative;


				}
			}

			.analyse_catalog_boxlinerBodyItemsImg {
				width: 24rpx;
				height: 24rpx;
				position: absolute;
				right: 24rpx;
				top: calc(50% - 12rpx);
			}

			.analyse_catalog_boxlinerBody {
				border-radius: 16rpx;
				overflow: hidden;
			}

			.analyse_catalog_boxlinerHeard {
				height: 40rpx;
				font-size: 28rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				line-height: 40rpx;
				display: flex;
				justify-content: center;
				color: #333;
				margin: 16rpx 0 32rpx 0;

				span:nth-child(2) {
					color: #FF8900;

				}

			}

			.tabsScllorTopBox {
				display: flex;
				justify-content: space-between;
				align-items: center;

			}


			.tabsScllorTopBoxLeft {
				display: flex;
				align-items: center;

				image {
					width: 40rpx;
					height: 40rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 44rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: 600;
					line-height: 44rpx;
					color: #333333;
				}
			}

			.recordsHeardTiaoBox_text {
				padding: 24rpx 0;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 40rpx;
				color: #333333;
				border-bottom: 1rpx solid #f7f7f7;
				border-top: 1rpx solid #f7f7f7;
			}


			.tabsScllorConBox {
				height: 76rpx;
				background: #F7F7F7;
				border-radius: 16rpx;
				display: flex;
				padding: 0 8rpx;
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin: 32rpx 0;
				overflow: hidden;
				// border-bottom: 1rpx solid #CCCCCC;

			}

			.tabsScllorBottonBoxx {
				position: absolute;
				left: 0;
				bottom: 32rpx;
				height: 60rpx;
				overflow-x: scroll;
				overflow-y: hidden;
				width: 100%;
			}

			.tabsScllorBottonBox {
				white-space: nowrap;

				span {
					text-align: center;
					display: inline-block;
					width: 210rpx;
					height: 60rpx;
					opacity: 1;
					border-radius: 12rpx;
					box-sizing: border-box;
					margin-left: 32rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 60rpx;
					background: #f7f7f7;
					border: 2rpx solid #f7f7f7;
					color: #999999;
				}

				span:last-child {
					margin-right: 32rpx;
				}

				.act {
					color: #333333;
					font-weight: bold;
					background: rgba(255, 242, 178, 1);
					border: 2rpx solid #FFDA2D;
				}

			}

			.tabsScllorConBoxItems {
				width: 190rpx;
				height: 60rpx;
				line-height: 60rpx;
				text-align: center;

				border-radius: 12rpx;
				font-size: 28rpx;
				font-family: PingFang SC;


				background: #f7f7f7;
				color: #999999;
			}

			.tabsScllorConBoxItems_act {
				color: #333333;
				background: #FFDF13;
				font-weight: bold;
			}

			.tabsScllorTopBoxRight {
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
			}

			.tabsScllorBotton {
				display: flex;
				align-items: center;
				justify-content: center;
				padding-top: 32rpx;

				image {
					width: 24rpx;
					height: 24rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;
				}
			}

			.tabsScllorBottonTop {
				transform: rotateZ(180deg);
			}

			.tabsScllorTop {

				border-top: 1rpx solid transparent;

				span {
					display: inline-block;
					margin-top: 32rpx;
					margin-right: 48rpx;
					width: 196rpx;
					height: 60rpx;
					line-height: 60rpx;
					text-align: center;
					background: #f4f4f4;
					opacity: 1;
					border-radius: 8rpx;
					color: #666666;
					font-size: 28rpx;
				}



				span:nth-child(3n) {
					margin-right: 0;
				}


			}

			.act {
				background: rgba(255, 242, 178, 1) !important;
				color: #000 !important;
			}

			.tabsScllor {
				transition: all 1.5s;
				position: fixed;
				top: 0;
				left: 0;
				background-color: #fff;
				width: 100%;
				padding: 32rpx;
				box-sizing: border-box;
				z-index: 2;
				box-shadow: 0 0 30rpx 4rpx #ddd;
			}

			.trademark_inspectCuisineHeard {
				display: flex;
				align-items: center;
				padding: 0 16rpx;
				box-sizing: border-box;
				margin-bottom: 8rpx;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: normal;
					line-height: 34rpx;
					color: #7f7f7f;

				}

				span:nth-child(1) {
					flex: 0 0 96rpx;
					width: 96rpx;
					margin-right: 31rpx;

				}

				span:nth-child(2) {
					flex: 1;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;

				}

				span:nth-child(3) {
					flex: 0 0 74rpx;

				}

				span:nth-child(4) {
					flex: 0 0 160rpx;
					text-align: right;

				}

			}

			.piaobai {

				background-color: #EAEAEA !important;
			}

			.white {
				background-color: #fff !important;
			}

			.trademark_inspectCuisineBox {
				border-radius: 16rpx;
				overflow: hidden;
			}

			.trademark_inspectCuisineHeardItem {
				display: flex;
				align-items: center;
				padding: 16rpx;
				box-sizing: border-box;
				background: #f7f7f7;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #333;

				}

				span:nth-child(1) {
					flex: 0 0 104rpx;
					margin-right: 24rpx;
					width: 104rpx;
					height: 38rpx;
					line-height: 38rpx;
					background: #ebebeb;
					opacity: 1;
					border-radius: 8rpx;
					text-align: center;

				}

				span:nth-child(2) {
					flex: 1;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					height: 38rpx;
					line-height: 38rpx;


				}

				span:nth-child(3) {
					flex: 0 0 74rpx;

				}

				span:nth-child(4) {
					flex: 0 0 160rpx;

				}

				.trademark_inspectHeardBottonItemsBox {
					flex: 0 0 160rpx;
					width: 160rpx;
					justify-content: flex-end;

					image {
						width: 32rpx;
						height: 32rpx;
					}
				}
			}

			.trademark_inspectSceneImgBox {
				width: 100%;
				height: 400rpx;
				display: flex;
				justify-content: center;
				margin: 0rpx 0 24rpx 0;

				image {
					height: 400rpx;
					width: 400rpx;
				}

				.sceneCharts {
					height: 400rpx;
					width: 400rpx;
				}

				.serveCharts {
					height: 400rpx;
					width: 400rpx;
				}

				.strategyCharts {
					height: 400rpx;
					width: 400rpx;
				}
			}

			.trademark_inspectSceneHeard {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}

			.trademark_inspectSceneHeardDian {
				border-radius: 50%;
				display: inline-block;
				width: 12rpx;
				height: 12rpx !important;
				margin-right: 8rpx;
			}

			.trademark_inspectSceneHeardItemsRight {
				height: 36rpx;
				font-size: 13px;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
			}

			.trademark_inspectSceneHeardItemsLeft {
				display: flex;
				align-items: center;

				&>span {
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 36rpx;
					color: #333333;
				}
			}

			.trademark_inspectSceneHeardItems {
				flex: 0 0 312rpx;
				width: 312rpx;
				height: 60rpx;
				align-items: center;
				line-height: 60rpx;
				background: #f7f7f7;
				padding: 16rpx;
				box-sizing: border-box;
				margin-bottom: 14rpx;
				opacity: 1;
				border-radius: 16rpx;
				display: flex;
				justify-content: space-between;
			}

			.trademark_inspectHeardTop {
				display: flex;
				margin-bottom: 24rpx;

				image {
					width: 42rpx;
					height: 42rpx;
					margin-right: 6rpx;
				}

				&>view {
					height: 42rpx;
					font-size: 30rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 42rpx;
					color: #333333;
				}

			}

			.trademark_inspectSiteItemsEnd {
				display: flex;
				flex-direction: column;
				align-items: flex-end;
				flex: 1;
			}

			.trademark_inspectSiteItemsEnds {
				display: flex;

				span {
					display: inline-block;
				}

				span:nth-child(1) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #7f7f7f;
				}

				span:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 34rpx;
					color: #333333;
				}
			}



			.trademark_inspectSiteItemsText {
				flex: 0 0 288rpx;

				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				line-height: 30rpx;
				color: #333333;
			}

			.trademark_inspectSiteItemsIndex {
				width: 34rpx;
				height: 34rpx;
				flex: 0 0 34rpx;
				line-height: 34rpx;
				background: #FFDE16;
				opacity: 1;
				border-radius: 8rpx;
				text-align: center;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				color: #333333;
				margin-right: 32rpx;
			}

			.trademark_inspectWeightBrandEnd {
				height: 28rpx;
				font-size: 20rpx;
				margin-top: 16rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 28rpx;
				color: #999999;
				text-align: center;
			}

			.trademark_inspectWeightBrandBg {
				width: 100%;
				height: 300;
				margin-top: 20rpx;

				image {
					width: 100%;
					height: 100%;
				}

				.brandCharts {
					width: 590rpx;
					height: 300;

				}
			}

			.trademark_inspectWeightHeard {
				display: flex;

			}

			.trademark_inspectWeightBrand {
				flex: 1;

				// margin-bottom: 20rpx;
				p {
					text-align: center;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
				}

				p:nth-child(1) {
					height: 56rpx;
					font-size: 40rpx;
					font-family: DIN;
					font-weight: bold;
					line-height: 56rpx;
					margin-top: 8rpx;
					color: #333333;
				}
			}

			.trademark_inspectSiteItems {
				display: flex;
				align-items: center;
				padding: 16rpx;
				box-sizing: border-box;
			}

			.trademark_inspectWeightSite {
				width: 638rpx;
				border-radius: 16rpx;
			}

			.trademark_inspectHeard {
				width: 686rpx;
				background: #fff;
				opacity: 1;
				border-radius: 24rpx;
				margin: 16rpx 0 24rpx;
				padding: 24rpx;
				box-sizing: border-box;
				border-bottom: 1rpx transparent solid;

			}

			.trademark_inspectSceneBott {
				padding-bottom: 0;
			}

			.trademark_inspectWeightBut01 {
				width: 590rpx;
				height: 82rpx;
				line-height: 82rpx;
				background: #EBEBEB;
				border-radius: 16rpx;
				margin-top: 16rpx;
				display: flex;
				justify-content: center;
				align-items: center;
			}

			.trademark_inspectHeardBotton {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}

			.trademark_inspectHeardBottonItemsCl {
				justify-content: center;
			}

			.trademark_inspectHeardBottonItemsBoxCl {
				display: inline-block !important;
				flex: 0 0 126rpx !important;
			}

			.trademark_inspectHeardBottonItemsBox {
				height: 36rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 36rpx;
				color: #333333;
				flex: 1;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				display: flex;
				align-items: center;

				span {
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 36rpx;
					color: #333333;
					flex: 1;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
				}

				image {
					width: 24rpx !important;
					height: 24rpx !important;
				}
			}

			.trademark_inspectWeightTu01 {


				image {
					width: 100%;
					height: 100%;
				}

				.charts {
					width: 590rpx;
					height: 580rpx;
				}
			}


			.trademark_inspectWeight {
				width: 638rpx;
				padding: 24rpx;
				display: flex;
				flex-direction: column;
				opacity: 1;
				border-radius: 16rpx;
				box-sizing: border-box;
				background: #F7F7F7;

				span:nth-child(1) {
					display: inline-block;
					height: 42rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 42rpx;
					color: #898989;
				}

				span:nth-child(2) {
					display: inline-block;
					height: 42rpx;
					font-size: 30rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 42rpx;
					color: #333;
				}
			}

			.trademark_inspectHeardBottonItems {
				width: 312rpx;
				height: 66rpx;
				align-items: center;
				background: #f6f6f6;
				opacity: 1;
				border-radius: 16rpx;
				margin-bottom: 24rpx;
				padding: 16rpx;
				display: flex;
				box-sizing: border-box;

				&>view:nth-child(1) {
					flex: 1;
					display: inline-block;
					height: 36rpx;
					font-size: 26rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 36rpx;
					color: #999999;
				}

				&>view:nth-child(2) {
					flex: 0 0 150rpx;
					display: flex;
					align-items: center;
					overflow: hidden;
					text-overflow: ellipsis;
					overflow: hidden;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.trademark_assessbox_body {
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;

			}

			.trademark_assessbox_bodyitems {
				width: 308rpx;
				height: 200rpx;
				background: #f7f7f7;
				border-radius: 16rpx;
				padding: 24rpx;
				box-sizing: border-box;
				margin-bottom: 22rpx;
			}

			.trademark_assessbox_bodyitemstbotton {
				height: 42rpx;
				line-height: 42rpx;
				display: inline-block;
				padding: 0 12rpx;
				background: rgba(252, 229, 81, 0.39);
				border-radius: 8rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				color: #666666;
			}

			.trademark_assessbox_bodyitemstcent {
				margin: 16rpx 0 8rpx 0;
				display: flex;
				justify-content: space-between;

				span {
					height: 58rpx;
					font-size: 42rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 58rpx;
					color: #333333;
					opacity: 1;
				}

				span:nth-child(2) {
					color: #FF471C;
				}
			}

			.trademark_assessbox_bodyitemstop {
				display: flex;
				justify-content: space-between;

				span {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;
				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.assess_heardBoxP {
				display: flex;
				justify-content: center;
				align-items: center;

				span:nth-child(2) {
					display: inline-block;
					height: 42rpx;
					line-height: 42rpx;
					background: #ffffff;
					opacity: 1;
					border-radius: 12rpx;
					margin-left: 12rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					padding: 0 12rpx;
					color: #333333;
				}
			}

			.assessBoxBig {
				left: 50%;
				transform: translateX(-50%);
				position: absolute;
				padding: 0 32rpx;
				box-sizing: border-box;
				background: #FFDF13;
				padding-bottom: 52rpx;
				width: 100%;
			}

			.assessBox_statusBoxItems {
				width: 308rpx;
				height: 154rpx;
				border-radius: 16rpx;
				padding: 24rpx;
				box-sizing: border-box;
				background-color: #f7f7f7;
				margin-bottom: 22rpx;

			}

			.pages_end {
				padding: 32rpx 0 48rpx 0;
				text-align: center;
				font-size: 24rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				color: #CCCCCC;
			}


			// .assessBox_statusBoxItems:nth-child(3) {
			// 	margin-top: 14rpx;
			// }

			// .assessBox_statusBoxItems:nth-child(4) {
			// 	margin-top: 14rpx;
			// }

			.assessBox_statusBoxItemsTop {
				display: flex;
				justify-content: space-between;

				span {
					display: inline-block;
					margin-left: 4rpx;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #666666;

				}

				image {
					width: 32rpx;
					height: 32rpx;
				}
			}

			.assessHeardImg {
				position: absolute;
				width: 100%;
			}

			.assess_heardBoxPBox {
				height: 32rpx;
				display: flex;
				align-items: center;
				background: #fff8d8;
				border-radius: 20rpx;
				padding: 0 16rpx;
				box-sizing: border-box;
				margin: 0 auto;

				image {
					width: 20rpx;
					height: 20rpx;
					margin-right: 6rpx;
				}

				span {
					display: inline-block;
					height: 26rpx;
					font-size: 18rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 26rpx;
					color: #999999;
				}
			}

			.assess_heardBoxPBoxItems {
				flex: 1;
				text-align: center;

				p:nth-child(1) {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
					margin-bottom: 4rpx;
				}

				p:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #94853a;
				}
			}

			.pages_intelligenceHeard {
				display: flex;
				justify-content: space-between;
				box-sizing: border-box;
			}

			.cuisinePricingBox_mainItemss {
				display: flex;
				padding-bottom: 24rpx;
			}

			.trademark_assessbox_numHeardBody {
				span {
					display: inline-block;
					background: #f4f4f4;
					text-align: center;
					width: 194rpx;
					height: 60rpx;
					line-height: 60rpx;
					border-radius: 8rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #666666;
					margin: 0 24rpx 24rpx 0;
				}

				span:nth-child(3n) {
					margin-right: 0;
				}
			}

			.trademark_assessbox_numHeardTop {
				display: flex;
				align-items: flex-end;

				image {
					width: 44rpx;
					height: 44rpx;
					margin-right: 8rpx;
				}

				span {
					display: inline-block;
					height: 44rpx;
					font-size: 32rpx;
					font-family: PingFang SC;
					font-weight: 600;
					line-height: 44rpx;
					color: #333333;
				}
			}

			.trademark_assessbox_numHeard {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				margin-bottom: 32rpx;

				&>view:nth-child(2) {
					display: inline-block;
					height: 32rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 32rpx;
					color: #999999;
				}
			}

			.trademark_assessbox {
				width: 686rpx;
				background: #fff;
				opacity: 1;
				border-radius: 24rpx;
				padding: 24rpx;
				padding-bottom: 0;
				box-sizing: border-box;
			}

			.numBox {
				margin: 24rpx 0;
			}

			.trademark_assessbox_heard {
				height: 130rpx;
				background: linear-gradient(90deg, rgba(255, 218, 45, 0) 0%, #FEF8CE 50%, rgba(255, 218, 45, 0) 100%);
				border-radius: 16rpx;
				display: flex;
				align-items: center;
				margin-bottom: 16rpx;

				&>view:nth-child(2) {
					flex: 6;
					height: 80rpx;
					font-size: 56rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 80rpx;
					color: #FF8900;
					text-align: left;
				}
			}

			.trademark_assessbox_heard_top {
				flex: 7;

				p {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;
					color: #333333;
					text-align: right;
				}

				p:nth-child(2) {
					padding-right: 26rpx;
				}
			}

			.cuisinePricingBox_mainItemsImgBox {
				width: 144rpx;
				height: 144rpx;
				margin-right: 24rpx;
				border-radius: 16rpx;
				flex: 0 0 144rpx;
				overflow: hidden;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.cuisinePricingBox_mainItemsImgBoxRight {
				flex: 1;

			}

			.cuisinePricingBox_mainItemsImgBoxRightName {
				height: 40rpx;
				font-size: 28rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 40rpx;
				color: #333333;
			}

			.cuisinePricingBox_mainItemsImgBoxRightBottonBox {
				display: flex;
			}

			.cuisinePricingBox_mainItemsImgBoxRightTops {
				flex: 1;

				span {
					display: inline-block;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
				}
			}

			.cuisinePricingBox_main {
				margin-top: 32rpx;

			}

			.pages_intelligenceHeardLeft {
				// border-left: 8rpx solid #FFDA2D;
				height: 44rpx;
				font-size: 32rpx;
				font-family: 蘋方-簡;
				font-weight: normal;
				line-height: 44rpx;
				color: #333333;
				margin-top: 32rpx;
				position: relative;
				padding-left: 22rpx;
				font-weight: bold;

				&::after {
					content: "";
					width: 8rpx;
					height: 32rpx;
					position: absolute;
					left: 0;
					top: 50%;
					transform: translateY(-50%);
					background: #333;

				}
			}

			.cuisinePricingBox_mainItems_text {
				height: 34rpx;
				margin-top: 8rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #999999;
			}

			.cuisinePricingBox_mainitesText {
				height: 38rpx;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 38rpx;
				color: #000000;
				text-align: center;
				flex: 1;
			}

			.cuisinePricingBox_mainitesImg {
				width: 122rpx;
				height: 122rpx;
				border-radius: 24rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.cuisinePricingBox_mainites {
				display: inline-block;
				width: 310rpx;
				height: 122rpx;
				display: flex;
				background: #f7f7f7;
				border-radius: 24rpx;
				align-items: center;
				margin-top: 16rpx;
			}

			.cuisineBox_heardTwoMain {
				margin-top: 16rpx;

				span {
					display: inline-block;
					height: 42rpx;
					line-height: 42rpx;
					text-align: center;
					padding: 0 12rpx;
					border-radius: 10rpx;
					background-color: #FFDA2D;
					margin-right: 16rpx;
					margin-bottom: 16rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: bold;

				}
			}

			.cuisinePricingBox_mainItems {
				display: flex;

				view:nth-child(2) {
					flex: 0 0 204rpx;
					width: 204rpx;
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #999999;
					margin-left: 34rpx;
					margin-bottom: 16rpx;

				}

				view:nth-child(1) {
					flex: 1;
					height: 34rpx;
					display: flex;
					align-items: center;
				}

			}

			.cuisinePricingBox_mainItemsBotton {
				display: flex;
				justify-content: flex-end;
				margin-bottom: 16rpx;

				span {
					display: inline-block;
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 40rpx;

					color: #333333;
				}

				span:nth-child(2) {
					color: #FF471C;
				}
			}


			.cuisinePricingBox {
				padding: 24rpx;
				padding-bottom: 0;
				border-radius: 24rpx;
				background: #fff;
				margin: 24rpx 0;
			}

			.assessBox_statusBox {
				background-color: #fff;
				border-radius: 24rpx;
				// padding: 24rpx;
				display: flex;
				justify-content: space-evenly;
				align-items: space-evenly;
				flex-wrap: wrap;
			}

			.analyse_people_box {
				width: 100%;
				box-sizing: border-box;
				border-radius: 16rpx;
				padding: 24rpx;
				background: #F7F7F7;

			}

			.analyse_people_boxEnd {
				width: 100%;
				height: 220rpx;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.analyse_people_boxHeard {
				display: flex;
				justify-content: space-between;

			}

			.analyse_people_boxHeardRight {
				display: flex;
				align-items: center;
			}

			.analyse_people_boxHeardRightItem {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-left: 24rpx;

				span {
					display: inline-block;
				}

				span:nth-child(1) {
					width: 12rpx;
					height: 12rpx;
					background: #FF8900;
					border-radius: 50%;
				}

				span:nth-child(2) {
					height: 34rpx;
					font-size: 24rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 34rpx;
					color: #666666;
					margin-left: 8rpx;
				}
			}

			.analyse_people_boxHeardLeft {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #666666;

			}

			.assess_heardBox {
				position: absolute;
				left: 0;
				width: 100%;
				margin: 48rpx 0 68rpx 0;
				display: flex;
				flex-direction: column;

				p {
					text-align: center;
				}

				p:nth-child(1) {
					height: 56rpx;
					font-size: 40rpx;
					font-family: 蘋方-簡;
					font-weight: bold;
					line-height: 56rpx;
					color: #343434;
					margin-bottom: 8rpx;
				}

				&>p:nth-child(2) {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 40rpx;
					color: #343434;
					margin-bottom: 24rpx;
				}
			}

			.red {
				color: #FF471C !important;
			}

			.green {
				color: #3AD346 !important;
			}

			.study_heardBottomProgress {
				width: 100%;
				background-color: #F7F7F7;

				height: 80rpx;
				opacity: 1;
				border-radius: 16rpx;
				padding: 16rpx;
				box-sizing: border-box;
			}

			/deep/.u-line-progress__background {
				border-radius: 8rpx !important;
			}

			/deep/.u-line-progress {
				border-radius: 8rpx !important;
			}

			/deep/.u-line-progress__line {
				border-radius: 8rpx !important;
			}

			.assessBox_statusBoxItemsBotton {
				margin-top: 16rpx;
				display: flex;
				justify-content: space-between;
				align-items: center;

				span {
					display: inline-block;
					height: 58rpx;
					font-size: 42rpx;
					font-family: PingFang SC;
					font-weight: bold;
					line-height: 58rpx;
					color: #333333;
				}
			}

			.study_heardBottomTop {
				margin-bottom: 22rpx;
			}

			.study_heardBottomTopTTOPOO {
				padding: 0 24rpx;
			}

			.study_heardBottomTopTTOP {
				height: 34rpx;
				font-size: 24rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 34rpx;
				color: #666666;
			}

			.study_percentage {
				display: inline-block;
				padding-bottom: 12rpx;
				position: relative;
				left: 385rpx;
			}

			.study_percentageBotton {
				display: inline-block;
				width: 0;
				height: 0;
				border: 12rpx solid transparent;
				border-top: 12rpx solid #fff9dd;
				position: absolute;
				bottom: -12rpx;
				left: 30rpx;

			}

			.study_percentageTop {
				display: flex;
				align-items: center;
				background-color: #fff9dd;
				border-radius: 40rpx;
				padding: 8rpx 20rpx 8rpx 8rpx;
				box-sizing: border-box;

				image:nth-child(1) {
					width: 64rpx;
					height: 64rpx;
				}

				.study_percentageText {
					margin: 0 8rpx;

					span {
						display: inline-block;
						height: 64rpx;
						font-size: 32rpx;
						font-family: YouSheBiaoTiHei;
						font-weight: bold;
						line-height: 64rpx;
						color: #333333;
					}

					span:nth-child(2) {
						font-size: 26rpx;
					}
				}

				image:nth-child(3) {
					width: 32rpx;
					height: 32rpx;
				}


			}

			.kong {
				position: fixed;
				top: 50%;
				font-size: 46rpx;
				text-align: center;
				width: 100%;
				color: #999;
			}

			.dataTaberBox {
				border-radius: 16rpx;
				overflow: hidden;
			}

			.dataTaberBox_heard {
				border-radius: 24rpx 24rpx 0px 0px;
				padding-bottom: 8rpx;
				display: flex;
				padding-top: 24rpx;
				box-sizing: border-box;
				background-color: #fff;
			}

			.dataTaberBoxItems01 {
				flex: 0 0 190rpx;
				width: 190rpx;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
				margin-right: 20rpx;
				text-align: center;

			}

			.dataTaberBoxItems02 {
				flex: 0 0 100rpx;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
				margin-right: 20rpx;
			}

			.dataTaberBoxItems03 {
				flex: 0 0 44rpx;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
				margin-right: 20rpx;
			}

			.dataTaberBoxItems04 {
				width: 102rpx;
				flex: 0 0 102rpx;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
				margin-right: 20rpx;
				text-align: right;

			}

			.dataTaberBoxBotton {
				width: 100%;
				height: 120rpx;
				box-sizing: border-box;
				background: #fff;
				display: flex;
				justify-content: center;
				align-items: center;

				span {
					display: inline-block;
					width: 162rpx;
					height: 48rpx;
					border: 1rpx solid #999999;
					border-radius: 8rpx;
					font-size: 28rpx;
					text-align: center;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 48rpx;
					color: #999999;
				}
			}

			.dataTaberBoxItems05 {
				flex: 1;
				height: 32rpx;
				font-size: 22rpx;
				font-family: PingFang SC;
				font-weight: 400;
				line-height: 32rpx;
				color: #999999;
			}

			.white {
				background: #fff !important;
			}

			.dataTaberBox_heardItems {
				display: flex;
				height: 84rpx;
				// padding: 32rpx;
				box-sizing: border-box;
				align-items: center;
				background-color: #F7F7F7;
				padding-right: 24rpx;

				.dataTaberBoxItems01 {
					display: flex;
					// justify-content: space-between;
					align-items: center;
					padding-left: 24rpx;
					box-sizing: border-box;

					span:nth-child(1) {
						width: 40rpx;
						flex: 0 0 40rpx;
						height: 40rpx;
						font-size: 20rpx;
						border-radius: 8rpx;
						font-size: 20rpx;
						font-family: 蘋方-簡;
						font-weight: normal;
						line-height: 40rpx;
						text-align: center;
						color: #333333;
						background: #F0F0F0;
						margin-right: 15rpx;
					}

					span:nth-child(2) {
						height: 34rpx;
						font-size: 24rpx;
						font-family: 蘋方-簡;
						font-weight: normal;
						line-height: 34rpx;
						color: #333333;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
					}
				}

				.dataTaberBoxItems02 {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: normal;
					line-height: 34rpx;
					color: #333333;
					text-align: left;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}

				.dataTaberBoxItems04 {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: normal;
					line-height: 34rpx;
					color: #333333;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
					text-align: right;
				}

				.dataTaberBoxItems05 {
					height: 34rpx;
					font-size: 24rpx;
					font-family: 蘋方-簡;
					font-weight: normal;
					line-height: 34rpx;
					color: #333333;
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}

				.dataTaberBoxItems03 {
					display: flex;
					justify-content: center;

					image {
						width: 44rpx;
						height: 38rpx;
					}
				}
			}
		}

		.mycodeBox {
			width: 638rpx;
			height: 602rpx;

			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			border-radius: 24rpx;
			overflow: hidden;
			text-align: center;
			padding: 40rpx;
			box-sizing: border-box;

			.codeBoxBg {
				width: 100%;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				z-index: -1;
			}

			.codeBoxMainBox_botom {
				width: 558rpx;
				height: 88rpx;
				line-height: 88rpx;
				font-size: 28rpx;
				font-family: 蘋方-簡;
				font-weight: bold;
				color: #000000;
				background: #ffda2d;
				opacity: 1;
				border-radius: 24rpx;
				text-align: center;

			}

			.codeBoxMainBox {
				margin-top: 200rpx;

				p {
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 40rpx;
					color: #999999;
					margin-bottom: 32rpx;
					text-align: center;
				}

				p:nth-child(1) {
					padding: 0 24rpx;

				}

				p:nth-child(2) {
					margin-bottom: 42rpx;
				}
			}

			.codeBoxMainBox_top {
				height: 50rpx;
				font-size: 36rpx;
				font-family: PingFang SC;
				font-weight: bold;
				line-height: 50rpx;
				color: #000000;
				margin-bottom: 32rpx;
			}

			.codeBoxMainBox_topText {
				margin-bottom: 40rpx;

				p {
					height: 40rpx;
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					line-height: 40rpx;
					color: #666666;
				}
			}

			.codeBoxMainBox_topImg {
				border-radius: 24rpx;
				width: 296rpx;
				height: 296rpx;
				margin: 0 auto;

				image {
					width: 100%;
					height: 100%;
				}
			}

			.codeBoxMainBox_botom {
				height: 110rpx;
				line-height: 110rpx;
				text-align: center;
				font-size: 16px;
				font-family: 蘋方-簡;
				color: #333;
				font-weight: bold;
				border-top: 1rpx solid #ddd;
				box-sizing: border-box;
				position: absolute;
				bottom: 40rpx;
			}
		}




	}
</style>
